css – Box 7上的Safari Mobile上未显示Box(阴影)

前端之家收集整理的这篇文章主要介绍了css – Box 7上的Safari Mobile上未显示Box(阴影)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在标题上有一个非常简单的盒子阴影:
h1 {
    Box-shadow: 0 4px 9px -8px #000000;
    color: #D95B43;
    height: 1.2em;
    margin-top: 0;
    font-size: 1.3em;
    padding: 10px;
}

但是Box-shadow在Mobile Safari(iOS 7)上无效.在以前的版本(和在iOS7中的纵向视图),它的工作正常.

这是一个截图:

和一个jsfiddle.

如何解决这个问题?

解决方法

添加border-radius:1px修复问题:
h1 {
    Box-shadow: 0 4px 9px -8px #000000;
    border-radius: 1px;
    color: #D95B43;
    height: 1.2em;
    margin-top: 0;
    font-size: 1.3em;
    padding: 10px;
}

从:https://stackoverflow.com/a/21323644/1565597.

猜你在找的CSS相关文章