浏览器兼容性 问题收集
2013年8月28日11:53:38
设置table 的边框为1像素
#userdi { border-collapse:collapse;border:none; } #userdi td { text-align: center; vertical-align: middle; border:1px dashed #D7D7D7; padding:5px 5px; }
2013年8月27日10:20:04
1. button按钮文字居中
.button { border: #0099FF 1px solid; height: 22px; cursor: pointer; color: #0066CC; background-color: #ffffff; line-height:18px;/*针对IE*/ width:68px; } .button::-moz-focus-inner{ border: 0;padding: 0;}/*针对Firefox*/ .button:hover { background-color: #E9F5FE; } .button:active { background-color: #0066CC; color: #ffffff; }
2. 其他文章:IE6、IE7、IE8的CSS、JS兼容 阅读
3. IE6 FrameSet
解决办法:<body class=...>的背景去掉就好了
如:/*background:url(../../images/main/article.png) right top repeat-y;
padding-right:4px;*/
终于解决这个垃圾问题了
二、使用框架(无论是frameset、frame、iframe)嵌套网页的时候,如果子网页的高度超过了预先设定的高度,会出现滚动条,也就是尺寸溢出,一般来说如果高度超了就出现垂直滚动条,宽度超了就出现水平滚动条,但是在IE6中,只要尺寸大于等于预定高度,就会两个滚动条一起出现,这好象是一个bug。
解决方法:
在子网页设置css如下:
html {
overflow-y:auto!important;
*overflow-y:scroll;
}
这段最重要的一点是设置overflow-y为scroll,这样强制出现垂直滚动条的话,水平滚动条就不会显示出来了,但如果宽度超出过多,水平滚动条还是会超出,这时可以考虑设置:overflow-x:hidden;,但相应的,这样用户就无法滚动子页面了。
之所以要加overflow-y:auto!important;,是因为IE7中已没有这个bug,并且firefox也能认到overflow-y这个据说是IE的私有属性……,所以我们还要把overflow设回来。
上面这个方法还可以有改进的地方
既然只有IE6有这个BUG那就只针对IE6写就行了
html {_overflow-y:scroll;}
_下划线是IE6专有的 这样就又省了一行代码 又提高了效率
相关文章
- 宝塔面板删除系统收集服务器信息的记录日志 – 比如IP、操作记录,浏览器信息等
- Google Chrome不仅仅是浏览器
- 软件测试|Chrome 浏览器+Postman做接口测试
- QQ 浏览器搜索相关性实践
- jquery 获取浏览器窗口的可视区域高度 宽度 滚动条高详解编程语言
- 解决文件下载在火狐浏览器出现中文文件名乱码的方法详解编程语言
- 谷歌浏览器发布v79.0.3945.88正式版修复漏洞和安卓版的数据丢失问题
- Linux上的浏览器升级:开启新的体验!(linux升级浏览器)
- 傲游浏览器正式登陆Linux平台,开启高速浏览新时代!(傲游浏览器linux)
- UC浏览器在Linux系统上的使用体验(uc浏览器 linux)
- Oracle出错IE浏览器无法关闭(oracle出错ie关闭)
- Oracle11g登录及其现代浏览器支持(oracle11g浏览器)
- CKEditor 4.16.2 发布,修复浏览器兼容性问题
- 网页中实现浏览器的最大,最小化和关闭按钮