html – iPad / ios6无法渲染png背景图片

前端之家收集整理的这篇文章主要介绍了html – iPad / ios6无法渲染png背景图片前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在ios5上,网站加载正常并且看起来正确.

由于ios6我的网站的一部分使用png图像作为其背景开始在iPad上渲染,但后面的背景只是变为黑色,没有明显的原因(注意所有其他部分保持正确的颜色).

码:

<section id="showcase">
    <section class="container">
    <img src="images/usp.jpg" alt="USP Screen" id="screen">

    <h2>title</h2>    

    <p>the text.</p>

    <p>The text.</p>
    </section></section>

CSS:

#showcase           { background: url(../images/showcasebg.png) repeat-x #ededed; height: 600px; position: relative; top: 87px; }
#showcase h2        { float: left; max-width: 422px; font-family: 'Lobster',cursive; font-size: 36px; margin-top: 20px; }
#showcase p         { float: left; max-width: 422px; margin-top: 20px; }

解决方法

我也在我们的一个网站上遇到过这个问题.我有一个移动网站使用背景PNG图像进行渐变,在iOS6(Chrome和Safari应用程序)上显示为黑条.

我通过重新保存网络图像来轻松修复它们

>至少10px宽
>将它们保存为非隔行扫描PNG

这立刻解决了我的问题.

猜你在找的HTML相关文章