首頁 HTML&CSS CSS CSS layout-background repeat-y on IE7
CSS layout-background repeat-y on IE7 列印 填寫電子郵件
(0 位用戶參與評分, 當前平均得到 0 顆星星)
HTML&CSS / CSS / Eddy Chang / 週二, 29 十一月 2011 01:50

製作向上下延申背景圖的div時，發現了IE7觀看會有空白一片的問題，例如：

<div>
 <div><img src="/images/menu_01.jpg" width="163" height="8" alt=""></div>
 <div style="background: url('/images/menu_02.jpg') repeat-y top left;"><jdoc:include type="modules" name="left" /></div>
 <div><img src="/images/menu_04.jpg" width="163" height="8" alt=""></div>
</div>

目前解決有找到兩個：

1.加入z-index:1，在用背景圖的那個div裡

2.加入overflow:auto，在用背景圖的那個div

測試過IE7（IE8模擬）兩種都可以正常顯示。

評論：

新增回應


驗證碼
更新

Download SocComments

關於我something about me

eddy

Eddy Chang

Joomla!台灣站長、資擘（股）軟體工程師

最新留言Latest Comment