CSS属性框阴影不工作与白色 [英] CSS property box-shadow not working with the white color

问题描述

下面是我在鼠标悬停时应用于我的图片代码的css类：

Here is the css class I am applying to my image tag on mouse hover:

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 code>，没有边框应用于我的图像。我应该补充说，网站的背景是灰色的，所以一个白色的阴影是可见的。

It is working fine. But if I replace #AFAFAF with either white or #FFFFFF, no border is applied to my image. I should add that the site background is grey, so a white shadow would be visible.

任何人都已经体验过了吗？
任何解决方法建议是最受欢迎的。

As anyone already experienced this ? Any workaround suggestion is most welcome.

 解决方案 

推荐答案

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


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

最后两个值是可选的如下所示

这篇关于CSS属性框阴影不工作与白色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！