我在最近頁面的某個部分添加了一個box-shadow
,使其具有與在Mac OS X應用程序中看到的相同的陰影邊界效果。它看起來不錯,但我注意到,在頁面上滾動和滾動使它滯後。我通常只在看到煩人的背景圖片和大量圖像和嵌入式視頻(咳嗽MySpace咳嗽)的頁面上看到這一點。我原本決定使用box-shadow,因爲我認爲它會刪除使用圖像的需要,這將消除任何滾動滯後的可能性。使用CSS3 box-shadow屬性滾動延遲?
我知道CSS3還是新的,但這是滯後的原因嗎?影子是軟件渲染什麼的?當我將盒子陰影應用於較小的元素時,它根本不會滯後。我只是想知道是否有其他人經歷過這個。
我只是想它的堆棧溢出頭版上使用Firebug用的設定#content
格:
-moz-box-shadow: 1px 1px 10px;
而我做到後來發現一些滾動滯後。我正在使用Firefox 3.5。
我的問題是,如果我想將Mac OS X樣式邊框添加到頁面的某個部分,有什麼替代方法可以使用此屬性?
在附註中,是否有人知道是否可以將盒子陰影應用於元素的頂部,左側和右側,而不是底部?我試過1px -1px 10px
,但它仍然顯示底部的陰影。如果我繼續減小第二個偏移量,它最終會從底部消除陰影,但是現在頂部陰影會變得越來越暗。
是的,我在看到的box-shadow的文章:
非常感謝我的詳細回覆,我確信其他人會覺得這很有用。不幸的是,我的網站的部分(我的網站的#page屬性,在我的個人資料中可用)有2em的圓角,所以我想這將是非常困難的。我想我需要製作一張像你提供的圖像,但是也有透明背景和圓角。雖然謝謝!很高興知道。 – 2009-08-08 22:48:52