iOS 7上的Safari Mobile上未显示Box-shadow(横向)

Question

box-shadow标题上我很简单:

h1 {
    box-shadow: 0 4px 9px -8px #000000;
    color: #D95B43;
    height: 1.2em;
    margin-top: 0;
    font-size: 1.3em;
    padding: 10px;
}

但是盒式阴影在Mobile Safari(iOS 7)上不起作用.在以前的版本中(在纵向视图中,在iOS7中),它工作正常.

这是一个截图:

还有一个小伙子.

我怎么解决这个问题？

Answer 1

添加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.

Answer 2

尝试以下CSS属性:

-webkit-appearance: none;

Answer 3

我尝试阅读Bootstrap代码。
也许设置以下代码可以解决它。

background-clip: padding-box;