Question

我在运行时给出了带有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");

}

Answer 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

Answer 2

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

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

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

所以你可以使用像“#FFADEC”这样的东西。对于黑色和白色，您可以将“#FFFFFF”和“＃000000”缩短为“#FFF”和“＃000”。

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

例如：

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

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

有关详情，请查看http://www.computerhope.com/htmcolor.htm

格尔茨

框阴影不起作用

2 个答案: