web前端开发中浏览器兼容问题(五)
来源:互联网 发布:达尔文的资料知和名言 编辑:程序博客网 时间:2024/05/21 17:38
21.float的div闭合,清除浮动
例如: <#div id=”floatA” >
<#div id=”floatB” >
<#div id=” NOTfloatC” >
这里的NOTfloatC并不希望继续平移,而是希望往下排。(其中floatA、floatB的属性已经设置为 float:left;) 这段代码在IE中毫无问题,问题出在FF。原因是NOTfloatC并非float标签,必须将float标签闭合。在 <#div class=”floatB”> <#div class=”NOTfloatC”>之间加上 < #div class=”clear”>这个div一定要注意位置,而且必须与两个具有float属性的div同级,之间不能存在嵌套关系,否则会产生异常。 并且将clear这种样式定义为如下即可: .clear{ clear:both;}
22.最狠的手段 - !important
• 如果实在没有办法解决一些细节问题,可以用这个方法.FF对于”!important”会自动优先解析,然而IE6则会忽略.
例
.tabd1{
background:url(/res/images/up/tab1.gif) no-repeat 0px 0px !important;
background:url(/res/images/up/tab1.gif) no-repeat 1px 0px;
}
• 值得注意的是,一定要将xxxx !important 这句放置在另一句之上,上面已经提过。
23.为什么FF下文本无法撑开容器高度
• 标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?
• 办法就是去掉height设置min-height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义:
24.IE滚动条颜色
解决办法:将body改为html
html {
scrollbar-face-color:#f6f6f6;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#eeeeee;
scrollbar-3dlight-color:#eeeeee;
scrollbar-arrow-color:#000;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
}
25.border中的dotted与dashed
dotted: 点状轮廓
dashed:虚线轮廓
border属性中dotted与dashed的区别:
dotted在IE6下不兼容,显示为dashed效果;
而dashed在个浏览器中显示一致
- web前端开发中浏览器兼容问题(五)
- web前端开发中浏览器兼容问题(一)
- web前端开发中浏览器兼容问题(二)
- web前端开发中浏览器兼容问题(三)
- web前端开发中浏览器兼容问题(四)
- web前端开发中浏览器兼容问题(六)
- web前端开发中浏览器兼容问题(七)
- Web前端开发之浏览器兼容问题
- Web前端开发中会遇到的浏览器兼容问题(消灭bug②)
- 【web前端】IE浏览器兼容问题
- Web前端中常见的浏览器兼容问题有哪些?
- web开发中有关浏览器兼容问题及其解决方案的记录
- web开发中的各种浏览器的兼容问题
- 前端浏览器兼容问题&hack
- 前端浏览器兼容问题
- WEB前端:浏览器(IE+Chrome+Firefox)常见兼容问题处理--01
- WEB前端:浏览器(IE+Chrome+Firefox)常见兼容问题处理--02
- WEB前端:浏览器(IE+Chrome+Firefox)常见兼容问题处理--03
- 解决使用spread时快捷键无反应的情况
- Fiddler抓取https包设置
- Android图表超简单实现柱状图、折线图、饼状图(基于MpAndroidChart)
- spring applicationContext.xml 配置文件 详解
- oracle 锁表后,如何定位,并解锁
- web前端开发中浏览器兼容问题(五)
- php标准注释
- Android图片中的三级缓存
- 自定义标签
- C++四种智能指针小结
- 测试工作中遇到的英文缩写解释(持续更新)
- 嵌入式busybox
- Java Web开发之集成Spring Boot
- 系统性能优化