Question

您好我正在尝试在cshtml中为按钮添加边框

.linkbig:hover {
    border: solid #000000 1px;
    -webkit-box-shadow: 6px 6px 5px #000000 ;
    width: inherit;
}

但是当我想要一个影子时，我得到的只是一个边框，这只是在IE中失败

任何帮助？

Answer 1

只有Safari，Chrome，Opera 15 +支持

-webkit-。

因此，您的代码无法在IE或Firefox中使用。

但您可以尝试使用：

-moz-box-shadow: 6px 6px 5px #000000;  /* Firefox */
-ms-box-shadow: 6px 6px 5px #000000;  /* Internet Explorer */
box-shadow: 6px 6px 5px #000000; /* CSS3 */

但是，IE 9或更高版本仅支持此功能。

Answer 2

更新您的CSS，如下所示。这样它就可以在chrome，firefox和IE中使用。

.linkbig:hover {
border: solid #000000 1px;
-webkit-box-shadow: 6px 6px 5px #000000 ;
box-shadow: 6px 6px 5px #000000 ;
-moz-box-shadow: 6px 6px 5px #000000;
width: inherit;
}

Answer 3

试试这样：

<强> CSS：

.linkbig:hover {
 -webkit-box-shadow: 6px 6px 5px #000000;
 -moz-box-shadow: 6px 6px 5px #000000;
 -o-box-shadow: 6px 6px 5px #000000;
 box-shadow: 6px 6px 5px #000000;
}

Answer 4

试试这个

  filter:
  progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=10, Color='#000000')

Answer 5

IE中的

框阴影不需要加前缀

box-shadow: 1em 0.1em 0.5em 0.05em #000000;

或更早的IE，您需要-ms

ms-box-shadow: 1em 0.1em 0.5em 0.05em #000000;

firefox需要-Moz

-moz-box-shadow: 1em 0.1em 0.5em 0.05em #000000;

如果您不需要边框线，则需要将其删除：

border: solid #000000 1px;

或者你最终会在.linkbig周围出现1px黑线，如果真的很微妙，这可能会隐藏你的阴影。

-Website仅受Safari，Chrome，Opera支持。

IE中的css边框阴影错误

5 个答案: