缩小窗口<body>背景被裁掉
浏览:2317次 出处信息
此现状出现在IE7、FF、Opera、Chrome、Safari中,当浏览器窗口少于内容,拖动窗口横向滚动条时能发现定义在的背景会被裁掉,似乎背景只计算了当前窗口的宽度。引起这问题的主要原因是在中定义了背景。在IE6不存在此问题。B1_Demo
解决方案
删除定义的背景(指背景颜色及图片,建议使用)B2_Demo为定义display:table;及width:100%;属性。B3_Demo为定义display:inline-table及width:100%属性。B4_Demo第2跟第3的方案缺点
在IE7中此问题暂时无法解决,因为IE7不支持display:table;属性值定义display:table;属性值后,页面根据内容高度而撑高,当内容不足一屏幕高度时,body将来不显示余下高度的背景。A4_Demo为此需要给及定义height:100%;属性值。A5_Demo
建议继续学习:
- 浏览器对居中的背景图片的兼容性 (阅读:2701)
- 一张背景实现自适应九宫格 (阅读:2490)
- 两侧背景自动延伸的CSS实现方法 (阅读:2299)
- 渐变背景上的内容垂直居中 (阅读:2202)
- 一个标签应用三个背景图片 (阅读:2185)
- 消失的列表背景 (阅读:2022)
- 改善IE6中a与a:hover的背景支持 (阅读:1925)
- 页面元素的背景及boder被裁掉 (阅读:1837)
- 无缝背景的推荐 (阅读:1829)
- CSS Gradient详解 (阅读:1209)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:页面元素的背景及boder被裁掉
后一篇:浏览器对居中的背景图片的兼容性 >>
文章信息
- 作者:Gulu77 来源: Gulu77
- 标签: body 背景
- 发布时间:2009-11-08 23:07:38
建议继续学习
近3天十大热文
- [121] 招聘技巧一二
- [15] Linux常用系统信息查看命令
- [13] 最近总结的一些技巧(vim,python,s
- [12] Redis和Memcached的区别
- [12] 在FreeNAS/BSD搭建基于Nginx+
- [11] 个人开公司的流程,以后用得着
- [11] 关于Linux的文件系统cache
- [10] ps - 按进程消耗内存多少排序
- [10] 我对技术方向的一些反思
- [10] 每个程序员都应该知道的8个Linux命令