|
 |
| |
ถามเกี่ยวกับ ภาพซ้อนทับ CSS ครับ มีรูปมีเว็บให้ดูครับ |
| |
 |
|
|
 |
 |
|
มีใครรู้มั่งครับ ช่วยแนะนำทีครับ ผมไปต่อไม่ได้แล้วครับตันจริงๆ คิดไม่ออกเลย ลองแก้มา 2 วันแล้วครับ
|
 |
 |
 |
 |
| Date :
2012-10-20 14:31:38 |
By :
nakungza |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
position:absolute;
|
| |
|
|
| |
| Date :
2012-10-20 15:20:39 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ได้แล้วครับ
|
ประวัติการแก้ไข
2012-10-20 17:11:41
2012-10-20 17:15:17
| |
|
|
| |
| Date :
2012-10-20 17:11:08 |
By :
nakungza |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณ คุณ NopZ มากครับ ปัญหาคือ ในไฟล์ stylesheet.css ผมประกาศ #header_btm ไว้ 2 ตัว
อีกอันไม่มี z-index อีกอันมี z-index:1100; อยู่ ผมเข้าไปลบแล้วทำตามที่คุณ Nopz บอกก็ได้เลยครับ
ขอบคุณมากครับ ขอบคุณทุกๆความเห็นที่เข้ามาช่วยเหลือนะครับ
|
| |
|
|
| |
| Date :
2012-10-20 17:17:32 |
By :
nakungza |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
|
| |
|
|
| |
| Date :
2012-10-22 06:10:36 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เงียบจังเลยครับ ใครรู้ช่วยแนะนำทีครับ
|
| |
|
|
| |
| Date :
2012-10-24 14:44:13 |
By :
nakungza |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอดันหน่อยนะครับ
|
| |
|
|
| |
| Date :
2012-10-24 16:16:06 |
By :
nakungza |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอดันหน่อยครับ เงียบจังเลย
|
| |
|
|
| |
| Date :
2012-10-25 11:27:58 |
By :
nakungza |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
กำหนด z-index:100; หรือน้อยกว่าหากต้องการให้ชิ้นไหนบัง
|
| |
|
|
| |
| Date :
2012-10-25 11:52:58 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมกำหนดใน #header #cart .content
z-index ตั้ง 5000 มันก็ไม่บังนะครับ หรือผมกำหนดผิดที่ครับ
|
| |
|
|
| |
| Date :
2012-10-25 13:03:32 |
By :
nakungza |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมแก้ไขตรง #header #cart .content ทำไมมันไม่ได้อะครับ
หรือแก้ไขไม่ถูกจุดครับ มีใครพอรู้มั่งครับ
|
ประวัติการแก้ไข
2012-10-25 14:29:26
| |
|
|
| |
| Date :
2012-10-25 14:29:05 |
By :
nakungza |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ช่วยผมด้วยเถอะครับ ผ่านมา 1 วันแล้ว ผมแก้ไขไปหลายที่ก็เหมือนเดิม ไม่มีอะไรเกิดขึ้น
ผู้รู้ช่วยบอกผมทีครับ
|
| |
|
|
| |
| Date :
2012-10-25 15:00:48 |
By :
nakungza |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เอา css กรอบ 2 กรอบ มาให้ดูหน่อยครับ ระบุด้วยครับว่ากรอบไหนเป็นอันไหน
|
| |
|
|
| |
| Date :
2012-10-25 15:08:06 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
#header #cart .content
{
clear: both;
display: none;
position: relative;
z-index: 100;
top: 2px;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
box-shadow: #cccccc;
background-color: #ffffff;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
}
.inner-dropdown
{
position: relative;
float: right;
width: 750px;
margin-right: 10px;
height: 245px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
background-color: #ffffff;
z-index:10;
}
|
| |
|
|
| |
| Date :
2012-10-25 15:35:53 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ลองปรับเปลี่ยนตามอย่างที่คุณ อ้นคุง บอกแล้วครับ
ไม่ได้ครับ เหมือนเดิมครับ
|
| |
|
|
| |
| Date :
2012-10-25 15:55:01 |
By :
nakungza |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมเกรงว่าที่คุณให้มามันไม่ใช่งานชิ้นเดียวกันน่ะสิครับ
|
| |
|
|
| |
| Date :
2012-10-25 16:32:43 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ยังไงหรอครับ ไม่ใช่งานชิ้นเดียวกัน
|
| |
|
|
| |
| Date :
2012-10-25 16:36:06 |
By :
nakungza |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
คือผมกำลังโม opencart อยู่ครับ แล้วมันใช้ 2 css อะครับ
หมายถึงเรื่องนี้รึเปล่าครับ
|
| |
|
|
| |
| Date :
2012-10-25 16:39:03 |
By :
nakungza |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมคิดว่าตัว position: relative; ใน .inner-dropdown {} ไปรบกวนส่วนอื่น ลองลบออกไปก่อนดูว่ามีผลอะไรบ้าง
ตัว z-index ก็ไม่จำเป็นต้องใช้ เพราะเว็บไซต์ของผมมีหน้าต่างเลื่อนลงมาเหมือนกัน และไม่ได้ใช้ z-index หน้าต่างก็เลื่อนลงมา้ด้านบนปกติ
ลองสองอย่างนี้ดูก่อน ผลเป็นอย่่างไรค่อยช่วยกันแก้ไขอีกที
ลองดูตัวอย่างที่เว็บไซต์ของผมได้
http://www.mineinc.net/
(กดที่ปุ่ม Info. ด้านบนเหนือเมนู จะมีหน้าต่างเลื่อนลงมา)
|
| |
|
|
| |
| Date :
2012-10-25 17:20:05 |
By :
dreamlover |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ลองทำตามที่คุณ jack บอกมาแล้ว ยังไม่ได้ครับ เหมือนเดิมครับ
ยังไงก็ขอบคุณ คุณ jack มากนะครับ
|
| |
|
|
| |
| Date :
2012-10-25 18:00:42 |
By :
nakungza |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ลองดูอีกสักหน่อยนะครับ
ลองเปลี่ยนเป็น
#header #cart .content {
position: absolute;
top: 2px;
left:400px;
}
เอา position:relative ของ .inner-dropdown ออกเหมือนเดิม
z-index ก็ไม่ต้องใส่ทั้งสองอัน
ถ้าไม่ได้ค่อยเดี๋ยวผมค่อยบอกอีกวิธี
|
| |
|
|
| |
| Date :
2012-10-25 18:19:06 |
By :
dreamlover |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ลองแล้วครับ เมนู dropdown ก็ยังบังเหมือนเดิมครับ
|
| |
|
|
| |
| Date :
2012-10-25 18:33:24 |
By :
nakungza |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
คงต้องบังคับที่ตัวสคริปแล้วครับ ตัวเมนูคงถูกตั้งไว้ให้อยู่บนสุดตลอด
คราวนี้ต้องใช้ z-index เข้ามาช่วย เข้าไปที่ตัวสคริปของหน้าต่างที่เลื่อนลง แล้วเพิ่มบรรทัดนี้เข้าไป
$(this).css("z-index","100");
เมื่อเวลาเรากดคลิกจะไปกำหนดให้ z-index ของหน้าต่างนี้เป็นไปตามค่าที่ตั้งไว้ ให้อยู่บนสุด ณ เวลานั้น
ตัวอย่าง:
$("#header #cart .content").click(function () {
$(this).css("z-index","10");
...
...
});
ตัว selector อาจไม่ใช่ตัวนี้ "#header #cart .content" ผมไม่เห็นโค้ดเลยไม่รู้ว่าเป็นตัวไหน
ถ้ายังไม่ได้ผมแนะนำให้พักไว้ก่อน ลองไปทำงานอย่างอื่นดูก่อนแล้วค่อยกลับมาดูใหม่ เดี๋ยวก็ได้เอง
|
| |
|
|
| |
| Date :
2012-10-25 19:12:49 |
By :
dreamlover |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ได้แล้วครับ ผมลองไปเพิ่ม z-index ที่ #header ครับ ได้เลยครับ
แต่เปิดใน firefox ได้นะครับ พอไปเปิดใน IE ไม่ได้ครับ เดี๋ยวผมจะลองแก้ดูอีกที
|
ประวัติการแก้ไข
2012-10-25 20:00:56
| |
|
|
| |
| Date :
2012-10-25 19:58:56 |
By :
nakungza |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 02
|
