Question

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

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

但我在IE中一无所获。有什么帮助吗？

谢谢

Answer 1

IE中的

框阴影不需要加前缀

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

或更老的IE，你需要-ms

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

firefox需要-Moz

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

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

border: solid #666000 1px;

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

- 只有Safari，Chrome，Opera支持网站。

Answer 2

使用http://css3pie.com，它在旧版本的IE中模拟一些CSS3属性。

它支持box-shadow（inset关键字除外）。

OR

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0')";
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0');

Answer 3

你尝试像

这样的风格

.link:hover {
    border: solid #666000 1px;
    -webkit-box-shadow: 6px 6px 5px #666000 ;/* for chrome/safari */
    -moz-box-shadow: 6px 6px 5px #666000 ;/* for FF */
    box-shadow: 6px 6px 5px #666000 ;/* for IE*/
    width: inherit;
}

IE css3问题边界

3 个答案: