栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

iPad和iPhone上没有显示背景图片

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

iPad和iPhone上没有显示背景图片

您的CSS规则存在问题:

您使用的缩写形式,其中

background-size
-属性
background-position
- 属性 之后 ,并且 必须用-
分隔
/

您尝试做的是设置位置,但由于它

auto
不是有效值,因此它将失败。

为了使其以简写形式工作,它必须看起来像这样:

background: url([URL]) 0 0 / auto 749px;

另请注意,有一个名为的值

cover
,在这里可能更合适且更灵活:

background: url([URL]) 0 0 / cover;

支持 对于

background-size
在速记符号也不算很广,因为它在Firefox 18 +,Chrome浏览器21+,IE9
+和Opera的支持。Safari完全不支持。关于此,我建议始终使用:

background: url("background1.png");background-size: auto 749px; 

这里有一些示例和一个演示,以演示该行为。您会看到,例如Firefox会显示除第一个图像以外的所有图像。另一方面,Safari仅显示最后一个。

CSS

section {    width: 200px;    height: 100px;    border: 1px solid grey;}#section1 {    background: url(http://placehold.it/350x150) auto 100px;}#section2 {    background: url(http://placehold.it/350x150) 0 0 / auto 100px;}#section3 {    background: url(http://placehold.it/350x150) 0 0 / cover;}#section4 {    background: url(http://placehold.it/350x150) 0 0;    background-size: cover;}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/432598.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号