在IE及某些浏览器中的CSS Bug

最新推荐文章于 2022-10-11 10:35:06 发布
最新推荐文章于 2022-10-11 10:35:06 发布
阅读量1.2k 收藏
点赞数
分类专栏： Web Standard 文章标签： css 浏览器 ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/smile2me27/article/details/48916
版权

1，CSS注释 Bug

在IE5.0（window&&mac）及之前的版本，对于类似于下面的css注释，无法识别。

#commentImmediatelyAfterSelector/* */ { color: #f00; }

2，选择器

IE浏览器都不支持CSS2中的大部分选择器的语法（http://www.w3.org/TR/REC-CSS2/selector.html#attribute-selectors）

比如使用属性选择器

p[id] { color: #0f0; }

或者子元素选择器

p>span { color: #00f; }

 

http://w3development.de/css/hide_css_from_browsers/

这个网页罗列了各种浏览器中不支持的或者存在bug的css语句

smile2me27
关注
专栏目录
css设置ie浏览器的样式,IE浏览器常见的9个css Bug以及解决办法
weixin_30068377的博客
08-03 893
我们在浏览网页的时候经常看见这样的现象：某个网页在IE6浏览器中打开很正常，但是在IE8里面打开可能完全变形了。或者也有可能出现完全相反的现象。这让Web程序员及设计师往往为了其CSS在各个IE版本下表现怪异而痛苦不已，有时候需要通过专为IE6或者IE8设计单独的定义。IE浏览器则因此被公认为Web程序员的毒药，虽然在微软官网上并没有提供相关的解决方案，但是IE浏览器的兼容性存在的问题却是Web程...
ie自带css定位,CSS实现元素相对于浏览器窗口进行定位_css
weixin_35997999的博客
08-03 1893
文章简介：css实现相对浏览器窗口定位彻底研究.Web Developer / Designer 经常需要将一个元素“固定”在页面的某个位置。例如弹出窗口、漂浮广告位等……本文将详细介绍简单CSS实现元素相对于浏览器窗口进行定位的方法。position:fixed生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性...
【CSS】浏览器兼容常见BUG
qq_45677671的博客
01-23 445
7、过滤器 _下划线过滤器： 语法：选择符{_属性：属性值；} 作用：ie6及更低版本才能识别 属性过滤器： 语法：选择符{ * 属性：属性值；} 作用：ie7及更低版本才能识别 \9： 语法：选择符{ 属性：属性值\9；} 作用：ie浏览器版本才能识别 \0： 语法：选择符{ 属性：属性值\0；} 作用：ie7及更低版本不能识别 ！important最高权重关键字过滤器： 语法：选择符{ 属性：属性值 important；} 作用：ie6及更低版本不识别 ...
CSS在IE6浏览器中的bug及解决办法收集
尝试坚持
04-23 665
<br />1、双倍边距bug<br />  bug出现的状况：  <br />    满足下面3个条件才会出现这个BUG:<br />    1）要为块状元素；<br />    2）要左侧浮动；<br />    3）要有左外边距(margin-left)； <br />  解决办法：<br />    只需要在相应的块状元素的CSS树形中加入“display:inline;”，代码如下：<br />#redBlock{<br />width:200px;<br />height:200px;<br /
ie 个版本浏览器 css bug 收集
走自己的路让别人来看
12-01 757
问题 浏览器 DEMO 解决方法 Hacking Rules:property:all-ie\9; property:gte-ie8\0;*property:lte-ie7; +property:ie7; _property:ie6; 1 input[button | submit] 不能用 margin:0 auto; 居中 IE8 bug | fixed 为input添加width
ie11和edge浏览器下REM的bug
fly_home_ysc的博客
08-15 5847
最近在做项目的时候，为了进行响应式的操作，采用了现在出现的一个新的单位——REM，在主流的浏览器都是没什么问题的。但是在ie出现了灵异的bug。bug表述：加载页面的时候，页面的所有元素没有按照对应获取的js来计算出来的rem值来进行显示。但是在鼠标悬浮在对应的元素时会自己动按照对应的计算值来显示，从而就会出现闪烁的bug。由于上述代码还带有 resize 函数，假如 body 元素没有添加 fon
ie浏览器css怎么调,IE浏览器下的CSS问题小结
weixin_30008295的博客
08-03 942
IE浏览器下的CSS问题小结发布时间：2012-10-11 23:52:59 作者：佚名 我要评论IE浏览器下的CSS问题小结，需要的朋友可以参考下IE下的特殊情况下面是14条特殊情况你看一下是哪个问题出错了这些仅供参考：1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff 下实际占高17p...
CSS判断浏览器
unber的博客
10-06 685
CSS判断浏览器
遇到某些无法在浏览器中查看元素的bug应该如何排查（实例）
最新发布
sha虫剂的博客
10-11 1260
以element UI 树组件定位线偏离问题解决及思路讲解，借助实例阐述在无法进行"F12"时该如何检查代码问题
目前比较全面的浏览器CSS BUG兼容汇总
12-10
本文将详细讨论一些常见的浏览器CSS Bug及其解决方案，主要针对IE（尤其是IE6和IE7）以及Firefox等其他浏览器。 1. **DOCTYPE的影响与CSS处理** DOCTYPE声明对CSS的解析至关重要，因为它会影响浏览器是否以标准...
IE CSS Bug及解决方案参考手册
09-25
在处理前端开发中，尤其是在制作跨浏览器兼容的网站时，面对的挑战之一便是处理不同浏览器特有的CSS bug。本文针对的主要是旧版Internet Explorer（IE）浏览器中遇到的CSS兼容性问题及其解决方案。尽管现代浏览器...
关于调试CSS跨浏览器样式bug的问题
09-22
在探讨跨浏览器CSS样式调试的过程中，我们主要面临两大问题：一方面，不同浏览器对CSS代码的解释可能存在差异；另一方面，开发人员在编码时可能会有意无意地违背标准规范，造成在特定浏览器中样式表现异常。以下是一...
IE中奇怪的应用CSS的BUG分析
09-25
本文将探讨一个关于IE中CSS应用的奇怪bug，主要关注如何在不同情况下应用样式，并解析IE浏览器中的样式优先级规则。 首先，我们了解CSS样式应用的三种主要方式： 1. **外部样式（External Style Sheet）**：适用...
vertical-align是什么意思？
The Time With Working
07-16 4399
早上一个同事提出了一个问题，下面这句html元素中的文本为什么不能垂直居中。dddddddda我用浏览器试了一下，它的展示图如下：vertical-align声明在很多中文文档中解释是“决定元素在垂直位置的显示”，它有下面几个参数baseline | sub | super | top | text-top | middle | bottom | text-bottom | baseline：与元
还是得注意DOCTYPE的声明
The Time With Working
11-02 2631
前两天才提到DOCTYPE的问题，今天在博客堂发现也有人为它所困扰。在lostinet《可怕的loose.dtd》这篇文章里谈到因为使用了DOCTYPE使一个样式失效的问题。但是仔细看了看，发现其实并不是因为DOCTYPE在做怪，而是不正确的html代码和没有理解DOCTYPE造成。下面这个html代码是lostinet提到的失效的代码：注意看div的style属性，在red后面多了一个"符号，粗
使用CSS布局的网页
The Time With Working
07-23 2096
通常网页的布局有这么几种：单行单列单行双列单行三列顶行三列 老式的网页采用table来布局整个网页，而标准化的web提倡避免table的布局，使用css来定义呈现信息，对于上述几种网页布局如何使用css来实现呢？Owen Briggs提供了下面这个Boxs网页用16个例子来解决纯css布局问题。 http://www.thenoodleincident.com/tutorials/box_less
别忘了文档类型声明
The Time With Working
10-29 1731
以前在做网页的表格数据展示的时候，我曾经也想做一个固定Header，滚动内容的Table，但是用css的方法没有成功，而脚本的方法太麻烦，就没有用。前几天看到一个网页，也就是用固定Header滚动Body的Table，它是纯粹采用css实现的。难得的不是只用css实现了这种效果，而是它让多种浏览器能够兼容，它支持IE6/5.x、Opera7.x、Mozilla1.x、Konqueror 3.x等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值