การเขียนโปรแกรม z-index

11

ฉันมี div ในหน้า HTML ของฉัน ฉันกำลังแสดง div นี้ตามเงื่อนไขบางอย่าง แต่ div แสดงอยู่หลังองค์ประกอบ HTML ที่ฉันชี้เคอร์เซอร์เมาส์ ฉันได้ลองใช้ค่าทั้งหมดสำหรับดัชนี z ตั้งแต่ 0 - 999999 ใครสามารถบอกฉันได้ว่าทำไมสิ่งนี้ถึงเกิดขึ้น มีค่าต่ำสุดหรือสูงสุดของคุณสมบัติ Z-INDEX ของ CSS หรือไม่ .divClass { position: absolute; left: 25px; top: 25px; width: 320px; height: 300px; z-index: 1000; } <table cellspacing="0" cellpadding="0" width="100%"> <tr> <td> <asp:HyperLink ID="lnkProgram" runat="server"></asp:HyperLink> </td> …

518 html css z-index

8

ดัชนี z ไม่ทำงานกับตำแหน่งที่แน่นอน

ฉันมีdivตำแหน่งเริ่มต้น (เช่นposition:static) และ a divพร้อมfixedตำแหน่ง ถ้าฉันตั้งค่าดัชนี z ขององค์ประกอบดูเหมือนว่าเป็นไปไม่ได้ที่จะทำให้องค์ประกอบคงที่อยู่ด้านหลังองค์ประกอบคงที่ #over { width: 600px; z-index: 10; } #under { position: fixed; top: 5px; width: 420px; left: 20px; border: 1px solid; height: 10%; background: #fff; z-index: 1; } <!DOCTYPE html> <html> <body> <div id="over"> Hello Hello HelloHelloHelloHelloHello Hello Hello Hello Hello Hello Hello …

422 css z-index

9

วิธีการตั้งค่าดัชนี iPhone UIView z

ฉันต้องการเลื่อนมุมมองหนึ่งไปยังอีกมุมมองหนึ่งฉันจะรู้ดัชนี z ของมุมมองได้อย่างไรและจะเลื่อนไปยังมุมมองด้านบนได้อย่างไร

252 ios uiview position z-index

11

การวาง / ทับซ้อนกัน (ดัชนี z) มุมมองด้านบนมุมมองอื่นใน Android

ฉันมีเลย์เอาต์แบบเส้นตรงซึ่งประกอบด้วยภาพและข้อความแบบอักษรซึ่งอยู่ด้านล่างหนึ่งเป็นแบบเชิงเส้น <LinearLayout android:orientation="horizontal" ... > <ImageView android:id="@+id/thumbnail" android:layout_weight="0.8" android:layout_width="0dip" android:layout_height="fill_parent"> </ImageView> <TextView android:id="@+id/description" android:layout_weight="0.2" android:layout_width="0dip" android:layout_height="wrap_content"> </TextView> กฎบางอย่างอาจหายไปนี่คือเพื่อให้ความคิดว่ารูปแบบลักษณะอย่างไร ฉันต้องการมุมมองข้อความขนาดเล็กอีกอันหนึ่งที่บอกว่า 50dip ในความยาวและความกว้างวางเหนือ imageview โดย "เหนือ" ฉันหมายถึง z-index มากกว่า imageview ฉันต้องการวางสิ่งนี้ไว้ที่กึ่งกลางและด้านบน (ทับซ้อน) imageview ฉันต้องการทราบว่าเราจะวางมุมมองหนึ่งมุมมองเหนือมุมมองอื่นได้อย่างไรด้วยดัชนี z ที่ต่างกัน (ควรอยู่ในรูปแบบเชิงเส้น)

230 android android-layout z-index

4

เหตุใด z-index จึงไม่ทำงาน

ดังนั้นถ้าฉันเข้าใจz-indexอย่างถูกต้องมันจะสมบูรณ์แบบในสถานการณ์นี้: ฉันต้องการที่จะวางภาพด้านล่าง (แท็ก / บัตร) ด้านล่าง div ข้างต้นนั้น ดังนั้นคุณจะไม่เห็นขอบคม ฉันจะทำสิ่งนี้ได้อย่างไร z-index:-1 // on the image tag/card หรือ z-index:100 // on the div above ไม่ทำงานเช่นกัน ไม่มีการรวมกันของสิ่งใดเช่นนี้ มาทำไม

182 html css z-index

11

ปัญหาการเลเยอร์ของดัชนีดัชนี IE7

ฉันได้แยกกรณีทดสอบเล็กน้อยเกี่ยวกับz-indexข้อบกพร่องของ IE7 แต่ไม่ทราบวิธีแก้ไข ฉันเล่นมาz-indexทั้งวัน มีอะไรผิดปกติกับz-indexใน IE7 ทดสอบ CSS: input { border: 1px solid #000; } div { border: 1px solid #00f; } ul { border: 1px solid #f00; background-color: #f00; list-style-type: none; margin: 0; padding-left: 0; z-index: 1000; } li { color: #fff; list-style-type: none; padding-left: 0; margin-left: 0; } …

163 css internet-explorer-7 z-index

13

จะใช้ z-index ในองค์ประกอบ svg ได้อย่างไร?

ฉันใช้แวดวง svg ในโครงการของฉันเช่นนี้ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one"> <circle fill="green" cx="100" cy="105" r="20" /> </g> <g id="two"> <circle fill="orange" cx="100" cy="95" r="20" /> </g> </g> </svg> และฉันใช้ดัชนี z ในgแท็กเพื่อแสดงองค์ประกอบแรก ในโครงการของฉันฉันต้องใช้เฉพาะค่าดัชนี z แต่ฉันไม่สามารถใช้ดัชนี z กับองค์ประกอบ svg ของฉันได้ ฉันเที่ยวมาก แต่ก็ไม่ค่อยเจออะไรเลย ดังนั้นโปรดช่วยฉันใช้ z-index ใน svg ของฉัน นี่คือDEMO

154 javascript jquery svg z-index

6

CSS z-index ดอกไม้ paradox

ฉันต้องการสร้างเอฟเฟกต์ที่ขัดแย้งกันผ่านคุณสมบัติz-index CSS z-indexในรหัสของฉันฉันมีห้าวงการเช่นในภาพด้านล่างและพวกเขาจะทุกตำแหน่งอย่างไม่มีกำหนด ดังนั้นโดยค่าเริ่มต้นวงกลมทุกวงจะซ้อนทับกับวงกลมก่อนหน้า ตอนนี้วงกลม 5 ซ้อนทับวงกลม 1 (ภาพซ้าย) ความขัดแย้งที่ฉันต้องการบรรลุคือการมีในขณะเดียวกันวงกลม 1 ใต้วงกลม 2 และด้านบนของวงกลม 5 (ดังภาพด้านขวา) (ที่มา: schramek.cz ) นี่คือรหัสของฉัน มาร์กอัป: <div class="item i1">1</div> <div class="item i2">2</div> <div class="item i3">3</div> <div class="item i4">4</div> <div class="item i5">5</div> CSS .item { width: 50px; height: 50px; line-height: 50px; border: 1px solid red; background: …

98 css z-index

4

นำองค์ประกอบไปด้านหน้าโดยใช้ CSS

ฉันคิดไม่ออกว่าจะนำภาพมาใช้CSSอย่างไร ฉันได้ลองตั้งค่า z-index เป็น 1,000 และวางตำแหน่งให้สัมพันธ์กันแล้ว แต่ก็ยังล้มเหลว นี่คือตัวอย่าง - #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner { background: url(http://placekitten.com/150/200) right top no-repeat; } .logo-class { height: 128px; } .content { margin-left: auto; margin-right: auto; table-layout: fixed; border-collapse: collapse; } .td-main { text-align: center; padding: 80px 10px 80px 10px; …

89 html css z-index jsfiddle

คำถามติดแท็ก z-index