IE(6以下)与谷歌等浏览器使用不同的css属性渲染(!important)

最新推荐文章于 2021-10-30 15:19:43 发布
最新推荐文章于 2021-10-30 15:19:43 发布
阅读量327 收藏
点赞数
分类专栏： 浏览器兼容
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chd_sun/article/details/110235419
版权

项目中遇到在IE中启动的项目页面正常，但是换成谷歌浏览器则页面显示的混乱。这种情况是由于浏览器的不同，其css属性的渲染也不同。项目是IE6以下的项目,IE6以上是识别此属性的
解决办法：根据不同的浏览器选用不同的css属性来渲染，下面是简单的一种方法

//!important 这个方法谷歌等其他浏览器才识别，IE6以下是识别不了此属性
height:70%!important;//谷歌等浏览器的渲染属性
height:100%;//IE6不识别上面的属性，只识别不含有!important的属性
微微笑再加油
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
IE和谷歌浏览器下div宽度不一致的问题解决.txt
11-28
IE和谷歌浏览器下div宽度不一致的问题解决.txt
根据不同浏览器调用不同css解决兼容问题
weixin_30530939的博客
03-30 305
门户网站建站，首先要解决的就是前台兼容问题 <html xmlns="http://www.w3.org/1999/xhtml" ><head><title>标题页</title><script language=javascript> if ((navigator.appName == "Microsoft Interne...
webpack实现css样式对不同浏览器的兼容
weixin_41604040的博客
10-26 1260
webpack实现css样式对不同浏览器的兼容1.安装指定版本的 postcss-loader 和 postcss-preset-env2.配置webpack.config.js3.在项目文件的package.json中配置browserslist4. 选择process.env.NODE_ENV5.测试兼容后的代码 众所周知，css在不同浏览器中的兼容性问题是一个十分令人头痛的问题，而用webpack工具中的postcss 就可以将打包好的css文件写成兼容一些老浏览器的css 环境： "devDep
DIV CSS在不同IE版本和FF以及Chrome中的兼容性差异解决方法(推荐)
GoodShot的专栏
03-17 3858
一些内容比之前 为了方便自己查询，省得每次遇到问题都要满世界搜，转篇实用的：DIV+CSS 与不同 IE 版本等的兼容性。 一、!important (功能有限) 随着 IE7 对 !important 的支持， !important 方法现在只针对 IE6 的兼容。（注意写法，记得该声明位置需要提前。）例如： #example { width: 100px !important; /*
day002-HTML知识点总结：浏览器兼容性之指定IE浏览器使用chrome内核渲染页面
weixin_30702413的博客
03-20 155
今天再浏览大淘宝首页时，突然看到这么一个东东： ，顿时好费解，莫非万恶的IE浏览器认识到自己以往的罪孽，开始兼容chrome了？？！ 于是本着不懂就百度的神精，开始纵横于各大铁耙，勃哥，终于找到了许许多的答案，这里做一下总结，就是我的文章啦啦啦~~~ 首先IE还是那么坏，是不会顾及我们这些前端开发人员的死活的！！ IE=edge，chrome=1 的意思并不是IE兼容chrome...
IE对标准的支持不够好导致CSS渲染跟其它浏览器有什么不同
09-25
由于IE系浏览器对标准的支持不够好，导致Web开发中经常需要去处理浏览器兼容性问题,本文将对此问题进行深入讲解，需要了解的朋友可以参考下
如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器
09-25
针对标题“如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器”以及描述“DOCTYPE 影响 CSS 处理”，我们将详细讨论CSS兼容性和DOCTYPE对CSS的影响，以及处理这些浏览器差异的策略。 1. **DOCTYPE与CSS...
div+css兼容ie6ie7ie8ie9和FireFoxChrome等浏览器方法[借鉴].pdf
10-11
本文将深入探讨如何使CSS样式兼容IE6、IE7、IE8、IE9以及Firefox、Chrome等现代浏览器。 1. **DOCTYPE声明的影响**： DOCTYPE声明对于浏览器的渲染模式至关重要。在HTML文档的顶部加入正确的DOCTYPE，如`<!DOCTYPE...
CSS 文本渲染属性text-rendering的介绍和使用示例
01-21
CSS关于文本渲染的属性text-rendering告诉渲染引擎工作时如何优化显示文本。 浏览器会在渲染速度、易读性（清晰度）和几何精度方面做一个权衡。 我们知道，SVG-可缩放矢量图形（Scalable Vector Graphics）是由W3C...
！important详解
xiaofuni_55的博客
06-16 555
！important详解 ！imprtant的作用是提高指定样式规则的应用优先权 ie7,ie8,firefox,chrome等高端浏览器下，已经可以识别 !important属性， 但是IE 6.0仍然不能完全识别 不说理论了，直接贴代码，这段代码，在ie7+，firefox,chrome都显示红色，在ie6显示蓝色，因为ie6不识别该属性。 运行结果：
现在浏览器的模式（IE11、firefox69）
weixin_39499923的博客
10-09 278
关于浏览器模式的一些理解 今天在看面试题的时候，看到浏览器模式的一些知识，自己测试了一下发现和网络上的知识有些出入，写下来共同讨论一下： 先讲一下什么是Quirks模式（怪异模式）和Standards模式（标准模式）： 主要讲IE浏览器，firefox和chrome浏览器基本没啥问题， 在IE6之前（IE5及以下）浏览器对CSS的支持很差，IE6之后对CSS提供了更好的支持，但因为很多页面都是基于...
CSS 中 !important的用法总结
热门推荐
u013864585的专栏
07-08 1万+
下面简要的给大家讲一下CSS 中一个比较重要的!important属性，从笔者的实践中总结了以下两点： 1、用于解决IE对某些CSS规范有偏差的情况.     比如在IE中的效果总是和其他的浏览器如firefox,opera等相差2px,导致页面布局有错位， 这是因为IE对盒之间距离的解释的bug造成的，针对这种情况我们就可以利用!important来帮助解决。  例如下面这个样式 .
IE\firfox\chrome的差异和兼容问题
......
02-26 6922
一、 IE\firfox\chrome的差异 以及在html\css\js上的兼容问题(上)
CSS渲染原理，优化策略
qq_43743402的博客
10-30 2973
一、css渲染原理（Cascading Style Sheets） 在介绍css渲染原理之前，我们简明扼要介绍一下页面的加载过程和浏览器渲染过程，有助于更好理解后续css渲染原理。 1.1页面的加载过程和浏览器渲染过程 1.1.1页面加载过程 要点如下： 浏览器根据DNS服务器得到域名的IP地址 向这个IP的机器发送HTTP请求 服务器收到、处理并返回HTTP请求 浏览器得到返回内容（其实就是一堆HTML格式的字符串，因为只有HTML格式浏览器才能正确解析，这是W3C标准的要求。接下来就是浏览器的渲染过程
IE、谷歌、火狐浏览器兼容性、默认属性样式总结
ALLEN的博客
03-06 6419
IE1、去掉input框中自动添加的 X 和 眼睛图标情境：在 IE 浏览器下的 input 框中，输入内容时：  1、 type = text 会自动生成一个 X。   2、 type = password 会自动生成一个眼睛的图标。解决：有时为了保证浏览器之间的一致性，就需要将这个样式取消掉// 去掉IE input X 和 眼睛图标 input::-ms-clear,::-ms-reveal
css获得浏览器宽高,Chrome浏览器中用JS获取表格及其元素的CSS宽高
weixin_36167031的博客
08-04 307
虽然现在表格用的很少了，但是某些写东西还是需要用到的。今天在做F7Dialog2.0项目的时候遇到了要获取表格单元格的CSS宽高。自认为获取宽高很简单，直接写了代码获取，后来那部分代码写完后测试时才发现chrome执行结果不同，很是郁闷啊。找了足足有半个小时原因，终于找到了，在chrome中获取单元格CSS高度时出现了不同。原因： 各浏览器对表格的执行结果不同解决方法：后来对表格的CSS参数获取进...
Firefox/Chrome/IE浏览器关于CSS和JavaScript的兼容性
顾传龙
01-19 2176
转自：http://xufive.blog.163.com/blog/static/1723261682011971045158/ 这是一篇工作笔记，在接下来的一段时期内，可能会持续更新。 1. 在Firefox浏览器中，style.visibility = "visible"无效的问题 很多人都遇到过这个问题：style.visibility 设置为 hidden 时有效，vis
浏览器渲染过程与性能优化1
最新发布
08-03
浏览器渲染过程与性能优化 随着互联网的发展和普及，我们每天都在使用浏览器来浏览网页、观看视频、玩游戏等等。然而，我们可能并不知道浏览器背后的渲染过程以及如何进行性能优化。在本文中，我们将探讨浏览器的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

微微笑再加油

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值