最新文章专题视频专题关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
虎扯:纯css3各方向小三角的制作原理分析-小老虎的牙 浏览器内部工作原理-jerrylsxu 浏览器兼容性常见-地球小子 史上最全前端面试题(含答案)-1565783227 沙盘Sandboxie 浏览器实现移动端高性能css3动画 浏览器CSSHack收集 新手必看的css命名规则 浏览器默认样式及css初始化 浏览器Firefox与IE在CSS样式表中的差异 史上最强大的40多个纯CSS绘制的图形 浏览器兼容解决FF/IE6/IE7背景专用CSSHACK_经验交流 新手配置 PHP 调试环境(IIS+PHP+MYSQL) 新手学习PHP的一些基础知识分享 alert是什么意思 脚本是什么 浏览器缓存策略的详细介绍(图文) 浏览器解析渲染HTML文档的过程详解(图文) 浏览器与Node的事件循环(EventLoop)之间的区别总结 浏览器输入url到发起http请求的具体过程介绍 新手,新写的INPUT函数的VALUE值显示不了。_html/css_WEB-ITnose 浏览器的工作原理:新式网络浏览器幕后揭秘_html/css_WEB-ITnose 新手一枚,望大神帮忙看一下啊代码,html+js,为嘛js代码不起作用_html/css_WEB-ITnose 史上最全WebView使用,附送Html5Activity一份_html/css_WEB-ITnose 浏览器Lexer与XSS-HTML编码_html/css_WEB-ITnose 浏览器不兼容的问题_html/css_WEB-ITnose 浏览器CSSHack收集_html/css_WEB-ITnose 新手求助:如何让javascript,css等代码适合跨浏览器预览_html/css_WEB-ITnose 浏览器地址栏网址始终只显示主域名问题_html/css_WEB-ITnose 新手,请教个问题,_html/css_WEB-ITnose 天气预报插件屏蔽超链接_html/css_WEB-ITnose 浏览器样式问题_html/css_WEB-ITnose 新手求教:我的floatDIV空白了_html/css_WEB-ITnose 浏览器缓存,想说爱你不容易_html/css_WEB-ITnose 浏览器显示tomcat的favicon.ico问题_html/css_WEB-ITnose 浏览器CSS兼容问题汇总及解决_html/css_WEB-ITnose 史上最全前端面试题(含答案)_html/css_WEB-ITnose 浏览器工作原理_html/css_WEB-ITnose 浏览器兼容性常见_html/css_WEB-ITnose 新手的成长记录点滴(十)_html/css_WEB-ITnose
当前位置: 首页 - 科技 - 知识百科 - 正文

浏览器hack总结详细的浏览器兼容性解决方法

来源:懂视网 责编:小采 时间:2020-11-27 16:41:05
文档

浏览器hack总结详细的浏览器兼容性解决方法

浏览器hack总结详细的浏览器兼容性解决方法:由于各浏览器对页面的解析不同,会导致页面在不同浏览器中显示的样式不一致,为了保持页面的统一,经常需要对浏览器进行兼容性问题的调试。 CSS Hack 面对浏览器诸多的兼容性问题,经常需要通过CSS样式来调试,其中用的最多的就是CSS Hack。所谓CSS Ha
推荐度:
导读浏览器hack总结详细的浏览器兼容性解决方法:由于各浏览器对页面的解析不同,会导致页面在不同浏览器中显示的样式不一致,为了保持页面的统一,经常需要对浏览器进行兼容性问题的调试。 CSS Hack 面对浏览器诸多的兼容性问题,经常需要通过CSS样式来调试,其中用的最多的就是CSS Hack。所谓CSS Ha


(2)IE7识别的选择器Hack

书写CSS样式时,如果希望此样式只对IE7浏览器生效,可以使用IE7识别的选择器Hack,其基本语法如下:

*+html 选择器{样式代码}


CSS属性Hack


这里小强老师,把属性hack分为 前缀属性hack和 后缀属性hack

CSS属性Hack(前缀) 针对的浏览器
_color:red; IE6及其以下的版本
*color:red ;或者 +color:red; IE7及其以下的版本
CSS属性Hack(后缀) 针对的浏览器
color:red\9; IE6/IE7/IE8/IE9/IE10版本
color:red\0; IE8/IE9/IE10版本
color:red\9\0; IE9/IE10
color:red!important IE7/IE8/IE9/IE10及其他非IE浏览器



其实,现在越来越的公司,不太让兼容ie6了,现在比较关心的是ie8.910等高版本的浏览器,因此这里小强老师也总结了ie专属hack ,比如ie8等。

选择器Hack写法 针对于的浏览器
@media screen\9{body { background: red; }} 只对IE6/7生效
@media \0screen {body { background: red; }} 只对IE8生效
@media \0screen\,screen\9{body { background: blue; }} 只对IE6/7/8有效
@media screen\0 {body { background: green; }} 只对IE8/9/10有效
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {body { background: orange; }} 只对IE10有效



如果样式比较多,条件注释,是不错的选择:

IE条件注释语句

IE条件注释语句 针对的浏览器版本
内容 IE7 以下版本
内容 IE7及以下版本(包含IE7)
内容 IE7 以上版本
内容 IE7及以上版本(包含IE7)
内容 非IE7版本
您使用不是 Internet Explorer 非IE浏览器

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:0731-84117792 E-MAIL:11247931@qq.com

文档

浏览器hack总结详细的浏览器兼容性解决方法

浏览器hack总结详细的浏览器兼容性解决方法:由于各浏览器对页面的解析不同,会导致页面在不同浏览器中显示的样式不一致,为了保持页面的统一,经常需要对浏览器进行兼容性问题的调试。 CSS Hack 面对浏览器诸多的兼容性问题,经常需要通过CSS样式来调试,其中用的最多的就是CSS Hack。所谓CSS Ha
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题正确使用浏览器专题加强版浏览器专题浏览器主要功能专题浏览器主页扩展专题浏览器的基本功能专题浏览器的扩展专题浏览器 介绍专题浏览器 种类专题外部浏览器专题ms浏览器专题自身浏览器专题浏览器解析过程专题常见浏览器有专题使用什么浏览器专题浏览器兼容情况专题那个浏览器兼容专题自己实现浏览器专题怎么看浏览器兼容模式专题后使用浏览器专题浏览器必须使用专题
Top