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

fra*_*zon 9 css mobile-safari ipad ios7

box-shadow标题上我很简单:

h1 {
    box-shadow: 0 4px 9px -8px #000000;
    color: #D95B43;
    height: 1.2em;
    margin-top: 0;
    font-size: 1.3em;
    padding: 10px;
}
Run Code Online (Sandbox Code Playgroud)

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

这是一个截图:

在此输入图像描述

还有一个小伙子.

我怎么解决这个问题?

fra*_*zon 19

添加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;
}
Run Code Online (Sandbox Code Playgroud)

来自:https://stackoverflow.com/a/21323644/1565597.


小智 16

尝试以下CSS属性:

-webkit-appearance: none;
Run Code Online (Sandbox Code Playgroud)


KAB*_*ABA 5

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

background-clip: padding-box;
Run Code Online (Sandbox Code Playgroud)