gpt4 book ai didi

html - Firefox 中旋转元素上的框阴影

转载 作者:太空宇宙 更新时间:2023-11-03 18:26:30 25 4
gpt4 key购买 nike

我有一个简单的 30x30 像素的 div,它有一个框阴影。阴影显示正常,除非使用旋转。随着旋转,盒子阴影消失了。我不知道是什么原因造成的。是我的错,还是浏览器的问题?一个嵌套的 div,其中父级旋转,子级旋转回来工作正常。

我在 Windows XP 上使用 Firefox 28.0a2。据我所知,它在 Chrome 中确实有效。

example image

Dabblet Demo

最佳答案

它在我的机器上运行良好。如果您使用 Firefox,请检查支持 html5 和 css3 的版本。

不要忘记添加 <!DOCTYPE html>在 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;
}

希望这对您有所帮助!

关于html - Firefox 中旋转元素上的框阴影,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20668256/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com