複雜的DIV與CSS的重疊和可視性

我正在尋找一個圖像對象，它看起來像「固定」到我的固定寬度頁面的一側。但它似乎是矛盾的 - 爲了對它進行設計，帶圖像的div必須位於與主要內容不同的div中，但爲了使其在佈局中工作，具有圖像的div不能與主要內容分開的div。複雜的DIV與CSS的重疊和可視性

這很難用言語解釋，所以看看我演示的這個演示代替了。如果您願意： http://www.hinchy.us/demo.html

查看該頁面源代碼中的圖像以獲得更多我想要的信息。

來源

2010-07-30 Zachary Hinchliffe

有些代碼會有所幫助。 – 2010-07-30 15:53:54

你的CSS在哪裏？對於這樣一個複雜的問題，如果你提供了一個演示會很有幫助。 – 2010-07-30 16:09:00

是的，在這上面工作！ – 2010-07-30 16:09:57

.orange { position:relative; z-index:5; }

獲得綠線上方的橙色。 IE6/IE7是否重要？

來源

2010-07-30 16:27:40

這就是我期待的！謝謝！！ – 2010-08-03 18:20:34

#red { z-index: 3; } 
#green-right{ z-index: 2; } 
.blue { z-index: 4; width: 950px; } 
.orange { left: auto; right: -140px; margin-left: -108px; -margin-right: 0px; }

我已將這些行添加到樣式的底部以解決IE6/7中的問題。鑑於較老的IE的車型模型，我會爲紅色和藍色的盒子推薦一種不同的尺寸/定位方案，因此它們在所有瀏覽器中都具有適當的寬度。

來源

2010-07-31 05:33:07 babtek

即使您滾動頁面，它仍然固定在頂部和右側，所以「固定」的含義？如果這是你想要的情況：

.orange { 
position: fixed; 
top: 0px; 
right: 0px; 
}

來源

2010-08-01 16:03:20 tomvon

複雜的DIV與CSS的重疊和可視性

回答

相關問題