盒子阴影不起作用[关闭]答案

【问题标题】：box shadow is not working [closed]盒子阴影不起作用[关闭]
【发布时间】：2014-07-09 13:44:37
【问题描述】：

我在运行时提供带有 java 脚本的盒子。但它不起作用。我创建了一个方法并在页面加载时调用了该方法，但它不起作用。

div{
    height:100px;
    width:100px;
    margin:auto;
    border:1px solid #000;
}

function generateShadowHtml(){

    $(".boxShaddow").css("-webkit-box-shadow","6px 3px 5px 4px #0000"); 
     $(".boxShaddow").css("-moz-box-shadow","6px 3px 5px 4px #0000"); 
       $(".boxShaddow").css("box-shadow","6px 3px 5px 4px #0000");

}

【问题讨论】：

#0000 不是有效的颜色字符串。投票结束为错字。
它适用于#000：jsfiddle.net/kwb4K/7

标签： javascript jquery css

【解决方案1】：

颜色格式错误：

function generateShadowHtml(){

    $(".boxShaddow").css("-webkit-box-shadow","6px 3px 5px 4px #000"); 
     $(".boxShaddow").css("-moz-box-shadow","6px 3px 5px 4px #000"); 
       $(".boxShaddow").css("box-shadow","6px 3px 5px 4px #000");

}

generateShadowHtml();

替换为#000

【讨论】：

【解决方案2】：

评论已经说了，但我想为你澄清一下。

您的代码确实有效，但正如建议的那样，“#0000”不是有效的 html 颜色。

您需要知道带有“#”标签的颜色代码始终是十六进制的。

因此，您可以使用“#FFADEC”之类的内容或其他内容。对于黑白颜色，您可以将“#FFFFFF”和“#000000”缩短为“#FFF”和“#000”。

还要注意，每 2 对颜色代码也可以表示为 rgb 状态。

例如：

使用颜色代码“#FFADEC”，您将拥有 rgb 代码“rgb(255, 173, 236)”，因为：

十六进制的FF是十进制的255
十六进制的 AD 是十进制的 173
十六进制的 EC 是十进制的 236

更多信息请查看http://www.computerhope.com/htmcolor.htm

问候

【讨论】：