首頁  >  文章  >  web前端  >  如何在 IE7 和 IE8 中實現彩色框陰影?

如何在 IE7 和 IE8 中實現彩色框陰影?

Patricia Arquette
Patricia Arquette原創
2024-11-08 12:48:02250瀏覽

How Can I Implement Colored Box Shadows in IE7 and IE8?

在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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn