在IE7 和IE8 中實現盒子陰影
問題:
儘管使用了各種方法, IE7 和IE8 中彩色框陰影的實作仍然存在難以捉摸。使用以下 CSS 程式碼:
.bright { position: absolute; z-index: 1; -moz-box-shadow: 0px -3px 55px 20px #147197; box-shadow: 0px -3px 55px 20px #147197; -webkit-box-shadow: 0px -3px 55px 20px #147197; behavior: url(ie-css3.htc); }
雖然「ie-css3.htc」檔案提供了 IE 陰影問題的解決方案,但它將陰影限制為黑色和白色。嘗試使用:
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=100, Strength=13);
會產生定向陰影,而不是全向陰影。此外,使用模糊濾鏡需要額外的 div,這在當前場景中是不可取的。請就此問題尋求專家指導。
答案:
考慮使用 CSS3 PIE(圓餅圖:Internet Explorer CSS3),這是一個在早期版本 IE 中模擬 CSS3 屬性的工具。 CSS3 PIE 支援 box-shadow,不包含「inset」關鍵字。
以上是如何在 IE7 和 IE8 中實現彩色框陰影?的詳細內容。更多資訊請關注PHP中文網其他相關文章!