html – Firefox背景图像水平居中奇怪
我正在为CMS构建一些基本的HTML代码. 我目前的屏幕分辨率是1280 x 1024. 如果我执行以下操作: >指定宽度为1400像素的背景图像 然后在FF中,发生以下情况: >页面正确拉伸到1400px.我得到一个水平滚动条,因为我的屏幕小于那个.到现在为止还挺好. 更新:IE正确完成.谷歌Chrome有同样的问题. 就好像Firefox首先渲染100%宽度的背景图像,居中,然后注意到身体需要拉伸到1400px. 这是正常的Firefox行为吗? 发布一个链接会有点麻烦,因为它都在一个封闭的开发环境中,但如果一切都失败了,我会把一些东西放在一起看. CSS:
最佳答案
你被CSS规范的怪癖所困扰:多亏了section 14.2,你应用于body元素的任何背景图像都会成为html的背景. (这是为了让作者可以继续使用身体标签上的背景,他们期望它来自CSS之前的浏览器.)
在IE中,html表示整个文档画布并展开以适合放大的主体宽度.在其他浏览器中,它的作用与任何其他显示一样:块元素并保持视口宽度,无论您放入什么内容.其他浏览器在这里可以说更正确,但CSS规范在这个主题上并不十分清楚,结果是IE中的结果更接近地代表了关于画布的14.2的措辞.无论哪种方式,它都没有真正指定可靠的行为. 通过在html而不是body上设置宽度和背景,您可以跨浏览器获得一致的结果. (请记住在IE中使用标准模式.) 但是一个1400px的固定宽度文档?听起来真的很糟糕. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |