文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

：在IE 11中psuedo元素不起作用之前

在IE 11中，伪元素（pseudo-element）可能不会起作用的原因有以下几个方面：

  1. 兼容性问题：IE 11对CSS伪元素的支持存在一些限制和bug，可能导致伪元素不起作用。这是因为IE 11是一个较旧的浏览器版本，与现代浏览器相比，其对CSS规范的支持程度较低。
  2. CSS选择器问题：在IE 11中，某些CSS选择器可能无法正确地匹配伪元素。例如，使用伪元素的CSS选择器可能会被忽略或不起作用。
  3. CSS属性支持问题：IE 11可能不支持某些CSS属性或属性值，这也可能导致伪元素不起作用。在使用伪元素时，需要确保所使用的CSS属性和属性值在IE 11中得到支持。

针对以上问题，可以尝试以下解决方案：

  1. 使用JavaScript或jQuery等前端框架：通过使用JavaScript或jQuery等前端框架，可以检测用户使用的浏览器版本，然后针对IE 11使用特定的CSS样式或JavaScript代码来解决伪元素不起作用的问题。
  2. 使用IE 11专用的CSS hack：在CSS中使用IE 11专用的hack代码，可以针对IE 11浏览器应用特定的样式。例如，可以使用条件注释（conditional comments）或IE 11专用的CSS选择器来解决伪元素不起作用的问题。
  3. 考虑使用其他CSS技术替代伪元素：如果伪元素在IE 11中无法正常工作，可以考虑使用其他CSS技术来实现相同的效果。例如，可以使用额外的HTML元素或JavaScript来模拟伪元素的效果。

需要注意的是，以上解决方案仅适用于解决在IE 11中伪元素不起作用的问题。对于其他浏览器或版本，伪元素应该能够正常工作。另外，建议在开发过程中尽量避免依赖特定浏览器的行为，以提高代码的兼容性和可维护性。

腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，包括云服务器、云数据库、云存储、人工智能等。具体可以参考腾讯云官方网站的相关页面：

  1. 腾讯云服务器（云主机）：提供高性能、可扩展的云服务器实例，满足不同规模和需求的应用场景。详细信息请参考：https://cloud.tencent.com/product/cvm
  2. 腾讯云数据库（云数据库MySQL）：提供高可用、可扩展的云数据库服务，支持MySQL数据库引擎。详细信息请参考：https://cloud.tencent.com/product/cdb
  3. 腾讯云对象存储（云存储COS）：提供安全、可靠的云存储服务，适用于存储和处理各种类型的数据。详细信息请参考：https://cloud.tencent.com/product/cos
  4. 腾讯云人工智能（AI）：提供丰富的人工智能服务和工具，包括图像识别、语音识别、自然语言处理等。详细信息请参考：https://cloud.tencent.com/product/ai
相关搜索:：之前psuedo选择器不工作ie 11jQuery在元素后单击psuedo伪元素之前和之后的CSS在Edge和IE 11中不起作用在插入javascript元素之前等待元素出现不起作用:之后和:之前css伪元素攻击IE 7Sass psuedo-选择器在Angular中不起作用在父元素之前获取元素js在ie不起作用隐藏文件输入元素在IE Edge上不起作用在IE 7中<dd>之前<dl>清除？js 在元素之前添加元素是否可以在量角器中单击绝对定位的psuedo元素jQuery在元素之前前置在元素之前选择同级锚标签在div内不起作用，在伪元素之前：Javascript在IE中不起作用$ .getJSON在IE中不起作用Onload在IE上不起作用Vuejs在IE上不起作用&子弹; 在IE中不起作用？
相关搜索:
页面内容是否对你有帮助？
有帮助
没帮助

相关·内容

IE7下元素的 padding-top 遇到 clear 特性在某些情况下复制到 padding-bottom

在IE7下，某一个Div的padding-top会让整个div产生padding-bottom样式。在IE8/9、Firefox、Chrome下都是OK。...通过搜索发现是发现问题的答案： 链接地址是：http://w3help.org/zh-cn/causes/RM1010 在项目开发过程中，开发人员为了让div的高度随着内容自动增加，所以经常在div的关闭之前会添加一个类似...但是之前的项目我们也未采用链接所说的解决方案，但是项目的兼容性是很不错的。后来通过查看之前项目的代码，我们在给最外层的div添加一个高度时，padding-bottom样式不会出现。...所以在需要自动扩展内容的div中嵌入一个，此时最外层不能添加height，达到内容自动扩充。...代码如下： 1: 2: 3: 元素"padding-top"会出现"padding-bottom

65950

    • IE7下元素的 padding-top 遇到 clear 特性在某些情况下复制到 padding-bottom

    在IE7下，某一个Div的padding-top会让整个div产生padding-bottom样式。在IE8/9、Firefox、Chrome下都是OK。...通过搜索发现是发现问题的答案： 链接地址是：http://w3help.org/zh-cn/causes/RM1010 在项目开发过程中，开发人员为了让div的高度随着内容自动增加，所以经常在div的关闭之前会添加一个类似...但是之前的项目我们也未采用链接所说的解决方案，但是项目的兼容性是很不错的。后来通过查看之前项目的代码，我们在给最外层的div添加一个高度时，padding-bottom样式不会出现。...所以在需要自动扩展内容的div中嵌入一个，此时最外层不能添加height，达到内容自动扩充。...代码如下： 1: 2: 3: 元素"padding-top"会出现"padding-bottom

    70750

    CSS-自定义高度的元素背景图如何自适应以及after伪类在ie下的处理

    遇到一个效果，之前没有考虑清楚，设置了固定高度，到了后边，产品要加长，我就觉得设计得从新弄张长点的背景图！这不多余么？....最外层父元素{height:auto;background:url(.....可以看出来，before和after的背景图片没有加载进来，或者可以说，在ie（以下皆指ie8及以下）中，before和after没起作用。 ?...我想了想，清除浮动时，虽然也用了after伪类，但他在正常的clearfix类里边还设置了*zoom：1；*overflow:hidden;这个万能的iebug调试法，我这里也试下看行不？...百度了下，找到了解决方法，下面是原文摘录： “按下F12之后，开发人员工具在桌面上看不到，但是任务栏里有显示。将鼠标放在任务栏的开发人员工具上，出现一片透明的区域，选中之后却出不来。

    1.3K80

    HTML Meta中添加X-UA-Compatible和IE=Edge，chrome=1有什么作用

    是自从IE8新加的一个设置，对于IE8以下的浏览器是不识别的。...通过在meta中设置X-UA-Compatible的值，可以指定网页的兼容性模式设置。 在网页中指定的模式优先权高于服务器中(通过HTTP Header)所指定的模式。...注意事项： 1、根据官网定义X-UA-compatible 标头不区分大小写；不过，它必须显示在网页中除 title 元素和其他 meta 元素以外的所有其他元素之前。如果不是的话，它不起作用。...2、content的内容是IE=8，或者IE=edge等值，注意不是IE8或者直接写个edge的值，否则不起作用 浏览器模式（BROWSER MODE）：于切换IE针对该网页的默认文档模式、对不同版本浏览器的条件备注解析...在IE8中，IE8兼容性视图会以IE7文档模式来显示网页，同时会向服务器发送IE7的用户代理字符串。

    1.5K20

    css选择器攻略

    css3选择器分类 css3选择器在最新的版本中作为一个独立的模块分离了出来，而css选择器有哪些呢？又该如何分类，请看下图。 ?...+ 否定伪类 ：not() 针对性排除，兼容ie9+ 伪元素 伪元素在新的规范中为双冒号，为了区别伪类，ie6-8只识别单冒号，写法不同，无兼容问题 属性选择器 针对属性，以及属性值筛选，筛选符号为...动态伪类选择器，语言伪类选择器，伪元素，属性选择器；针对ie6 建议只使用基本选择器以及简单的伪类、伪元素、后代选择器；针对现代浏览器，所有选择器可以放心使用。...整体建议还是不要为了使用新的选择器而使用，要找到对应的使用场景，多使用基本选择器能避免低版本ie的适配问题。 使用适配的脚本文件，实现让ie6-8ie6-8支持属性选择器，伪类选择器和伪元素。...[endif]- -> 注意事项 Selectivizr自动检测最佳的JavaScript库，如果你JavaScript库都没有调用，则IE下的伪类是不起作用的。

    1.1K30

    网页页面下各种标签的含义

    通过在meta中设置X-UA-Compatible的值，可以指定网页的兼容性模式设置。...注意事项： (1).根据官网定义X-UA-compatible 标头不区分大小写；不过，它必须显示在网页中除 title 元素和其他 meta 元素以外的所有其他元素之前。...如果不是的话，它不起作用 (2).content的内容是IE=8，或者IE=edge等值，注意不是IE8或者直接写个edge的值，否则不起作用 3、canonical ： 这个标签是 Google、雅虎... * href可以是绝对地址或相对地址，就可以使用rel="canonical" 链接元素指定希望百度收录域的网址。...dns-prefetch需慎用，多页面重复DNS预解析会增加重复DNS查询次数 5、keywords 作为一种描述性标签，出现在name属性中，使用content属性为网页定义一组多个关键字或关键词，在页面主体内容缺乏时

    1.6K10

    网页页面下各种标签的含义

    通过在meta中设置X-UA-Compatible的值，可以指定网页的兼容性模式设置。...注意事项： (1).根据官网定义X-UA-compatible 标头不区分大小写；不过，它必须显示在网页中除 title 元素和其他 meta 元素以外的所有其他元素之前。...如果不是的话，它不起作用 (2).content的内容是IE=8，或者IE=edge等值，注意不是IE8或者直接写个edge的值，否则不起作用 3、canonical ： 这个标签是 Google、雅虎... * href可以是绝对地址或相对地址，就可以使用rel="canonical" 链接元素指定希望百度收录域的网址。...dns-prefetch需慎用，多页面重复DNS预解析会增加重复DNS查询次数 5、keywords 作为一种描述性标签，出现在name属性中，使用content属性为网页定义一组多个关键字或关键词，在页面主体内容缺乏时

    1.7K10

    css+div知识温馨

    green; position:absolute; top:50%; left:50%; margin-left: -150px; margin-top:-100px; } 对于区块元素...都定义display:inline IE里显示的是漂浮状态，火狐里根本就不显示任何东西 对于IE 漂浮不漂浮是在同一个文档流下， 而火狐是显示的不同文档流 让所有区块都漂浮就可以解决这两个兼容问题...relative ,position:absolute可以自动激活z-index , 如果没有定义position:relative ,position:absolute 及时添加了z-index属性也不起作用...position:relative 是相对于自己在z-index=0的位置，position:absolute是相对于自己最近的设置了position:relative 或者position:absolute...的父元素的位置 关于z-index z-index为负值的时候，javascript将不起作用 一个站点的css结构建议采用 base.css+common.css+page.css

    1.6K20

    z-index失效的原因

    在CSS中，只能通过代码改变层级，这个属性就是z-index，要让z-index起作用有个小小前提，就是元素的position属性要是relative，absolute或是fixed。...1.第一种情况（z-index无论设置多高都不起作用情况）： 这种情况发生的条件有三个： 1、父标签 position属性为relative； 2、问题标签无position属性（不包括static）；...eg:z-index层级不起作用，浮动会让z-index失效，代码如下: 1 DIV style="POSITION: relative; Z-INDEX: 9999"> 2 3 DIV> 解决办法有三个（任一即可）： 1、position:relative改为position:absolute； 2、浮动元素添加...eg:IE7与IE6有着同样的bug，原因很简单，虽然图片所在div当前的老爸层级很高(1000)，但是由于老爸的老爸不顶用，可怜了9999如此强势的孩子没有出头之日啊！

    3.4K30

    css粘性定位sticky

    前言 发现很多博客的侧边栏可以跟随滚动条移动到底部又可以继续翻看侧边栏，F12看了下代码，仅仅是用了一个sticky定位，下边我简单说一下sticky定位 内容简介： 讲 sticky 定位之前，我先说一下...fixed 生成固定定位的元素，相对于浏览器窗口进行定位（老IE不支持），元素的位置通 过"left", "top", "right" 以及 "bottom" 属性进行规定。...元素在跨越特定阈值前为相对定位，之后为固定定位,设置了以上样式的元素，在 viewport 视口滚动到元素 top 距离小于 10px 之前，元素为相对定位。...sticky-nav { position: sticky; top: 100px; } 设置 position:sticky 同时给一个 (top,bottom,right,left) 之一即可 粘性定位为什么不起作用...必须指定top、bottom、left、right4个值之一，否则只会处于相对定位 父元素的高度不能低于sticky元素的高度 sticky元素仅在其父元素内生效

    1.1K10

    名人堂 | CSS3 transform对普通元素的N多渲染影响

    例如下面，后面的妹子覆盖了前面的妹子： 在transform出现之前，这个规则一直很稳健...Demo 只要是支持transform元素的浏览器，包括IE9(-ms-), 都会提高普通元素的垂直地位，使其覆盖其他元素而不是被覆盖。...可以看到，当页面滚动时候，只有中间的妹子被滚走了： 注意，这个特性表现，目前只在Chrome浏览器/FireFox浏览器下有，IE浏览器，包括IE11, fixed还是fixed的表现。...visible的父级元素，同时，该父级元素以及到该绝对定位元素之间任何嵌套元素都没有position为非static属性的声明，则overflow对该absolute元素不起作用。...元素才会被overflow隐藏；但是在IE9+/FireFox浏览器下，无论是overflow容器还是嵌套子元素，只要有transform属性，就会hidden溢出的absolute元素。

    72510

    Bootstrap 43 页面基础模板 与 兼容旧版本浏览器

    -- HTML5 shim 和 Respond.js 是为了让旧版本的IE浏览器支持Bootstrap，因为 IE9 以下可能不支持 HTML5 元素和媒体查询（media queries）功能 -->...-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 --> <!...细心的朋友可能发现，在示例模板中，Bootstrap 4没有兼容性文件，而 Bootstrap 3中，有 html5shiv.js 和 respond.js。...具体怎么用 ，请点击 https://blog.csdn.net/bluefish_flying/article/details/72594152 html5shiv.js 和 respond.js 引入不起作用解决...补丁，目的是让 IE 识别并支持 HTML5 元素 详细介绍和各个版本，请点击 https://www.bootcdn.cn/html5shiv/  官方虽然不再支持IE9以下的浏览器，但是有 “民间组织

    2.5K30
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券