Firefox中旋转元素的盒子阴影

时间：2013-12-18 20:59:15

标签： html css firefox

我有一个简单的30x30px div，它有一个盒子阴影。除了使用旋转外，阴影显示正常。随着旋转，盒子阴影消失。我无法弄清楚造成这种情况的原因。这是我的错，还是浏览器错误？旋转父节点并将子节点旋转回来的嵌套div工作正常。

我在Windows XP上使用Firefox 28.0a2。据我所知，它确实可以在Chrome中运行。

example image

Dabblet Demo

1 个答案:

答案 0 :(得分：0)

我的机器工作正常。如果您使用Firefox，请检查支持html5以及css3的版本。

不要忘记在html页面的顶部添加<!DOCTYPE html>。

您应该在CSS中包含特定于浏览器的样式：

div {
    width: 30px;
    height: 30px;
    background-color: lightgrey;
    box-shadow: 2px 2px 2px grey;
    -webkit-box-shadow: 2px 2px 2px grey;
    -moz-box-shadow: 2px 2px 2px grey;
    -ms-box-shadow: 2px 2px 2px grey;
    -o-box-shadow: 2px 2px 2px grey;
}

希望这有帮助！

相关问题
最新问题