Box-shadow not shown on Safari Mobile on iOS 7 (in landscape)

css, ios7, ipad, mobile-safari

Solution

Adding `border-radius: 1px` fixed the problem:

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;
}

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

Problem

I have a very simple `box-shadow` on an header: ``` h1 { box-shadow: 0 4px 9px -8px #000000; color: #D95B43; height: 1.2em; margin-top: 0; font-size: 1.3em; padding: 10px; } ``` But the box-shadow doesn't work on Mobile Safari (iOS 7). In the previous version (and in portrait view, in iOS7) it works fine. Here's a screenshot: And a jsfiddle. How can I solve this problem?

Original source

Related problems