我在使用 Mobile Safari 和 iOS 浏览网页时遇到了一个简单但意外的呈现问题。
基本上,我的页面有选项卡,它们由三个 div 和选项卡中心 div 内的“a href”组成。两侧的 div 包含背景,而在中心链接有图像。出于某种原因,a href 的背景在 Mobile Safari 上显示水平黄线:
http://i.stack.imgur.com/jlKHf.jpg
在桌面浏览器上运行良好:
[无法添加其他链接,它应该是白色的]
.TabPanelLinks_true {
background: url(".../seltab-center.jpg") repeat-x scroll 0 0 transparent;
}
.TabPanelElement a {
color: #5C5C5C;
cursor: pointer;
display: block;
font-family: arial,helvetica,clean,sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 22px;
margin: 0;
padding: 0 5px;
text-align: center;
text-decoration: none;
}
我尝试过使用不同的图像,但没有成功。我尝试将背景添加到中心 div,但没有成功。知道发生了什么事吗?
提前致谢。
最佳答案
我希望有一种方法可以对此进行试验,因为我没有 iPad——但可以指定一个 border : none;
?
您可以尝试使用单个 div,将选项卡的“末端”作为绝对定位的图像到 left : 0
和 right : 0
......另一种选择看起来应该没有什么不同但可以解决问题的方法?如果您需要选项卡图形上的透明背景,您绝对可以将图像放在 div 之外,并相应地调整边距/填充。
关于html - Mobile Safari (iPad) 中的背景图像渲染问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4697206/