IE8中动态改变伪元素样式不起作用BUG

最新推荐文章于 2022-08-15 14:19:57 发布
最新推荐文章于 2022-08-15 14:19:57 发布
阅读量710 收藏
点赞数
原文链接：https://juejin.im/post/5b51b1d6f265da0f8524eaa9
版权

不啰嗦，如题: 在IE8下，使用JS动态改变主元素class来控制其伪元素的样式的时候发现没作用！经查+实验，发现在IE8下如果伪元素的content不发生改变的情况下不会重绘！

解决方案： 每个改变伪元素状态的class都要给伪元素的content不相同的值（不相同的数量的空格即可）

转载于:https://juejin.im/post/5b51b1d6f265da0f8524eaa9

weixin_34349320
关注
html兼容ie7ie8,解决IE6、IE7、IE8样式不兼容问题
weixin_34873798的博客
06-27 1105
这里和大家探讨一下解决IE6、IE7、IE8 DIV错位问题，如果你的页面对IE7兼容没有问题，又不想大量修改现有代码，同时又能在IE8中正常使用，微软声称，开发商仅需要在目前兼容IE7的网站上添加一行代码即可解决问题，非常方便。IE6里DIV错位的问题采用”FLOAT：LEFT“的DIV在IE8、IE7、都没问题，IE6下却向下移动，出现空白。这是因为，IE6采用的内核默认把DIV之间的距离增加...
ie特有bug文档
04-05
- **问题描述**：在IE8中，当列表中的浮动元素使用了背景图片代替列表样式时，可能会出现浮动元素超出正常位置的情况。 - **解决方案**：可以通过使用背景图片替代`list-style`属性来解决。 ##### 10. **TH元素的...
在地图组件中使用原生js添加dom结构时 样式 伪类不生效
qq_54580397的博客
08-03 418
手动创建的div dom class样式不生效 删除dom
css &::before &::after 添加伪元素不生效
qz8920354的博客
04-13 2114
添加content
伪元素不生效问题，比如：：affter
m0_61177996的博客
08-15 1113
伪元素不生效问题，比如：：affter
css before,after伪元素width,height属性不生效解决
路过君的博客
10-25 6185
原因 before、after伪元素存在默认样式 { display: inline; } 解决 修改样式如下即可生效 xxx::before { display: inline-block; width: 16px; height: 16px; }
IE特有的CSS写法
wodetiankong516的博客
09-26 1747
IE 存在各种的不标准，因此，在进行页面开发时不免要为 IE 单独写一些 CSS 。熟悉的方法有 IE hacks 和条件注释 CSS（Conditional Stylesheets），下面，不妨讨论一下这两种方法的优缺点。 IE hacks 举个例子，一个元素在其他浏览中的左边距是 30px ，而在 IE6 中则设置为 20px ，可以如下编写： 1
IE6中伪类hover的使用及BUG说明
09-25
在探讨IE6中伪类:hover的使用及BUG说明时，我们首先需要了解什么是CSS伪类以及:hover伪类的作用。CSS伪类是一种用于定义元素的特殊状态的特殊选择器，比如链接在用户未进行交互前后的状态。伪类:hover用于定义当用户...
解析CSS中的伪元素及其与伪类的区别
09-24
CSS伪元素和伪类是CSS中重要的概念，它们允许开发者在文档树中添加额外的元素或者根据某些状态或位置改变元素的样式而不修改HTML结构。虽然伪元素和伪类在功能上有时可以达到相似的效果，但它们本质上是不同的。 ...
模仿京东输入内容案例
Jessicawh的博客
08-24 434
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do
:after等伪元素无效
热门推荐
流都的博客
05-17 1万+
♦ 伪元素如果没有设置“content”属性，伪元素是无用的#example:before { 2. content: ""; 3. display: block; 4. width: 100px; 5. height: 100px; 6.} ♦ 你也许注意到，你也可以用两个冒号(::before 和 ::after) 写伪元素，这个我以前讨论过的。简短的...
:after等伪元素不生效
sunshineTing2的博客
05-26 5796
伪元素必须设置“content”属性，否则伪元素是无用的 :after{ content: ""; display: block; width: 10px; height: 10px; } 经常利用伪元素定位来实现不规则样式 事例：
使用 CSS 伪元素需要注意的
Draco
03-15 3401
文／九彩拼盘（简书作者） 原文链接：http://www.jianshu.com/p/378f474c1ad0 著作权归作者所有，转载请联系作者获得授权，并标注“简书作者”。 伪元素 ::before，::after 1. 空元素(不能包含内容的元素)不支持 ::before，::after IE 不支持的元素有：img，input，select，textarea。FireFox
IE8浏览器不能识别CSS伪类的解决办法。
weixin_30267785的博客
08-12 285
1. 方法一：开头加上这两句 　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> 2. 方...
ie8css无效,CSS 伪类在IE8中样式无法生效
weixin_39871649的博客
08-03 459
写了一个纯CSS的竖版流程样式，效果如下起始12结束使用：before生成左侧圆，首尾两头的li用：after生成竖条，其余都用border-left填补。伪类绝对定位，首尾li ：before做了位置微调。但在IE8中出现了首尾li的:before失效情况(中间li则正常)几次调整css不见成效.....css代码，比较丑.....case-state>li{position: relat...
CSS在IE6, IE7, IE8中的差异与兼容性指南
文章着重讨论了在不同IE版本间支持的选择器、伪类和伪元素、属性支持以及一些重要的bug和不兼容问题，旨在为开发者提供一个实用的参考工具。" 在CSS的使用中，选择器和继承是一个关键部分。子选择器（如`body > p`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值