CSS屬性的box-shadow不與白色

在這裏工作是css類我申請我的形象標籤鼠標懸停：CSS屬性的box-shadow不與白色

div#simpleSearch button#searchButton > img:hover { 
    /* Box-shadow */ 
-moz-box-shadow: 0px 0px 13px #AFAFAF; 
    box-shadow: 0px 0px 13px #AFAFAF; 

    /* Border-Radius */ 
-moz-border-radius: 100px; /* Firefox */ 
    -o-border-radius: 100px; 
    border-radius: 100px; /* CSS3 */ 
}

這是工作的罰款。但是，如果我用white或#FFFFFF代替#AFAFAF，則不會將邊框應用於我的圖像。我應該補充一點，網站背景是灰色的，所以會看到一個白色陰影。

正如任何人已經經歷過這個？任何解決方法建議是最受歡迎的。

來源

2012-09-20 Alexandre Bourlier

'-o-邊界radius'不存在。無論如何，我們可以看到一個jsFiddle測試用例嗎？ – BoltClock

... http://jsfiddle.net/fHsxT/7/ 它在那裏正常工作。 –

感謝您的「o-border-radius」 –

嘗試

-moz-box-shadow: 13px 13px 0px 0px #FFFFFF; 
-webkit-box-shadow: 13px 13px 0px 0px #FFFFFF; 
box-shadow: 13px 13px 0px 0px #FFFFFF;

最後2個值是可選的as seen here

來源

2012-09-20 20:08:25

始終將最前面的版本。 – Ana

這解決了我的問題。謝謝！ –

我做了快速的jsfiddle但簡化的CSS只使用一個ID，它的做工精細，它顯示白色時，懸停。

確保你的CSS是真正應用到您的內容

http://jsfiddle.net/fc9dJ/17/

來源

2012-09-20 20:23:38

CSS屬性的box-shadow不與白色

回答

相關問題