浏览器兼容性 问题收集
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专有的 这样就又省了一行代码 又提高了效率
转载于:https://www.cnblogs.com/AaronYang/p/3156552.html
浏览器兼容性 问题收集相关推荐
- 【收集】几款浏览器兼容性测试工具
昨天和朋友聊到了有关浏览器兼容性的问题,在开发中有时的确很让人苦恼,我向他推荐了几款测试浏览器兼容的工具,分享给大伙,有什么更好的工具或是解决方法还希望大家拿出来晒一晒. IETester 这是我最先 ...
- 解决浏览器兼容性问题面试题_如果不解决技术面试问题,就无法解决技术多样性问题。 这是数据。...
解决浏览器兼容性问题面试题 by Aline Lerner 通过艾琳·勒纳(Aline Lerner) 如果不解决技术面试问题,就无法解决技术多样性问题. 这是数据. (You can't fix d ...
- html浏览器兼容测试工具,13个不同浏览器兼容性测试的免费软件工具
网页制作poluoluo文章简介:这里是网络上传播较多的13个不同操作系统中各色浏览器兼容性测试的软件工具. 前端开发人员最头疼的,莫过于形形色色的浏览器间的兼容性问题.每天绞尽脑汁地为这些本不应该存 ...
- 介绍几款浏览器兼容性测试工具
昨天和朋友聊到了有关浏览器兼容性的问题,在开发中有时的确很让人苦恼,我向他推荐了几款测试浏览器兼容的工具,分享给大伙,有什么更好的工具或是解决方法还希望大家拿出来晒一晒. IETester 这是我最先 ...
- 如何在使用新技术前评估其浏览器兼容性
这里向大家推荐两个网站:caniuse.com以及html5test.com,大家在使用新技术前,可以在这两个网站上看看浏览器的支持情况,看看自己能不能接受,同时也考虑一下能不能优雅降级. caniu ...
- 47种常见的浏览器兼容性问题大汇总
浏览器兼容性问题大汇总 Ø JavaScript 3 1. HTML对象获取问题 3 2. const问题 3 3. event.x与event.y问题 3 4. window.location.hr ...
- html 布局兼容性,HTML+CSS入门 浏览器兼容性问题及解决方案
本篇教程介绍了HTML+CSS入门 浏览器兼容性问题及解决方案,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 问题一:不同浏览器的标签默认的外补丁和内补丁不同 问题现象: ...
- 再谈浏览器兼容性测试
今天跟大家聊一个老生常谈的话题:浏览器兼容性测试. 测试国内网站的同学是不是已经非常头疼了,因为面对的浏览器除了国际大牌如IE, Chrome, Firefox, Opera, Safari, 还有国 ...
- CSS设置透明边框解决浏览器兼容性问题
设置透明边框的代码其实很简单,就只有一行,但是有时候很实用. border: 1px solid transparent; 有时间,你既需要边框不为0, 又不希望看到边框, 这个时候,它就起到作 ...
最新文章
- NASA宣布在火星上发现了3种有机分子
- 安装AverMedia UltraA 实时游戏录屏转播模块
- PMP-【第5章 项目范围管理】-2021-1-27(116页-135页)
- rabitMQ优缺点
- IDEA一直卡在Resolving Maven dependency的解决办法
- All in会员经济的知乎,能否实现商业化大跃进?
- VTK:图片之ImageNonMaximumSuppression
- python居中填充_Python代码中 如何将字符串填充为指定长度并保持原字符串居中呢?...
- android分开两个线程做事,android开发教程之handle实现多线程和异步处理
- 【二分法】- leetcode
- 牛客OI周赛2-提高组
- ArcGIS制图表达Representation实战篇2-河流渐变与符号旋转
- kotlin null_Kotlin Null安全– Kotlin可空
- 字符串匹配のKMP【@Abandon】
- C语言编程实例(一)
- 【Linux】一步一步学Linux——stty命令(243)
- 大数据技术基础与应用
- 数组的趣味应用-文曲星猜数游戏
- 高可用架构演进之单元化
- 电视盒子显示ntp服务器异常,云计算-更换VRM主节点所在服务器主板后,出现VRM与NTP服务器状态异常的处理方法...
热门文章
- 电信充q币短信怎么发_王者荣耀充值中心Q币充值IOS系统游戏点券的办法_云奇付Q币寄售...
- bool在哪个头文件_Java里的 for (;;) 与 while (true),哪个更快?
- POJ1094查分约束,判断关系是否唯一
- hdu2235 机器人的容器
- 【Android WebSocket】Android 端 WebSocket 基本用法 ( 添加依赖和权限 | 创建 WebSocketClient 客户端类 | 建立连接并发送消息 )
- 【Android 逆向】Android 系统文件分析 ( 根目录下的目录和文件 | /data/ 应用和用户数据目录 | /mnt/ 挂载其它设备目录 )
- 【Android 逆向】Android 系统文件分析 ( cpuinfo 处理器信息文件 | self 当前进程信息文件 | meminfo 当前内存信息文件 )
- 【Flutter】Flutter 页面生命周期 ( 初始化期 | createState | initState | 更新期 | build | 销毁期 | dispose)
- 【运筹学】运输规划 ( 运输规划基变量个数分析 )
- 【Android 安全】DEX 加密 ( Java 工具开发 | apk 文件对齐 )