开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

外部CSS在Edge 2017 build和IE11上不起作用

可能是由于以下原因导致的：

兼容性问题：Edge 2017 build和IE11对CSS的支持可能存在差异，某些CSS属性或选择器在这些浏览器上可能不被支持或解析。这可能导致外部CSS文件中的样式无法正确应用。
CSS加载顺序问题：在HTML文档中，外部CSS文件的加载顺序是有影响的。如果某个CSS文件在其他CSS文件之前加载，那么后面加载的CSS文件中的样式可能会覆盖前面加载的样式。因此，确保外部CSS文件的加载顺序正确是很重要的。

解决这个问题的方法可以包括：

检查CSS兼容性：查阅Edge 2017 build和IE11的官方文档，了解它们对CSS属性和选择器的支持情况。根据这些信息，调整外部CSS文件中的样式，确保其在这些浏览器上能够正确应用。
检查CSS加载顺序：确保外部CSS文件在HTML文档中的加载顺序正确。可以通过在HTML文档中将外部CSS文件的引入代码放置在其他CSS文件之后，或者使用@import规则来控制加载顺序。
使用浏览器兼容性前缀：某些CSS属性在不同浏览器中需要添加特定的前缀才能正确解析。可以使用工具或插件来自动添加这些前缀，以增加跨浏览器的兼容性。
使用内联CSS：如果外部CSS无法在特定浏览器上起作用，可以考虑将相关样式直接写在HTML文档的<style>标签中，以确保样式能够被正确应用。

腾讯云相关产品和产品介绍链接地址：

腾讯云CDN（内容分发网络）：提供全球加速、缓存加速、动态加速等功能，可用于加速静态资源的分发，提升网站性能。详情请参考：https://cloud.tencent.com/product/cdn
腾讯云云服务器（CVM）：提供灵活可扩展的云服务器实例，可用于部署和运行各种应用程序和服务。详情请参考：https://cloud.tencent.com/product/cvm
腾讯云云数据库MySQL版：提供高性能、可扩展的云数据库服务，适用于各种规模的应用程序。详情请参考：https://cloud.tencent.com/product/cdb_mysql
腾讯云内容分析（AI）：提供图像、视频、音频等内容的智能分析和处理服务，可用于人脸识别、图像标签、语音识别等场景。详情请参考：https://cloud.tencent.com/product/cai

请注意，以上仅为腾讯云的部分产品示例，具体选择和推荐的产品应根据实际需求和情况进行决策。

相关搜索:CSS字体在Mozilla Firefox、Microsoft Edge和Opera上不起作用 CSS |位置粘滞在IE11上不起作用嵌套CSS计算在IE 11和Edge上不起作用如何修复在Edge上运行良好但在IE上不起作用的CSS CSS calc()在Chrome和firefox上不起作用 CSS和HTML文件在Git Hub上不起作用 Bootstrap 5导航栏-light和font-style在Edge上不起作用 CSS可以在chrome上运行，但不能在edge 40.15063.0.0和ie11上运行。HTML、JS basic script在Google Chrome上不起作用，但在Mozilla和Microsoft Edge上起作用伪元素之前和之后的CSS在Edge和IE 11中不起作用 CSS scale()在Android Chrome 70和其他版本上不起作用 CSS转换和转换样式在移动设备上不起作用图像和CSS在github.io页面上不起作用 SVG填充和过滤来自css的urls在safari上不起作用带有ul和列的bootstrap 4 css在safari上不起作用来自本地存储的外部Css或资产在节点应用程序上不起作用在Gatsby js中添加外部css和js将不起作用 cordova -闪屏和应用程序屏幕在Phonegap Build cli-6.1.0上不起作用 CSS3 - Flex wrap在iOS10.1.1Safari和Chrome上不起作用 CSS - @media screen和(max-width：-px)在firefox移动设备上不起作用

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

JS魔法堂：浏览器模式和文档模式怎么玩？

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　从IE8开始引入了文档兼容模式的概念，作为开发人员的我们可以在开发人员工具中通过“浏览器模式”和“文档模式”（IE11...2017/03/29，由于不一定很生效，因为当端口不是80时，IE默认设置是将其视为内网应用(intranet...IE=Edge：表示采用浏览器自身版本的文档模式，如IE11，以作为文档第一行则采用IE11标准模式，否则采用怪异模式。注意： 1....在IE11中，IE=10和IE=EmulateIE10是一样的，IE=11、IE=EmulateIE11和IE=Edge是一样的； 2017/03/29，由于document compatibility...解析　　css和html的解析也会受到文档模式的影响，就像在IE678标准模式时，HTML解析时会将嵌套form下的子节点挪到上一节；而IE9标准模式时不会。 3.

1.9K8 0

VueConf China 2021 《Vue3生态进展-尤雨溪》 Reaction

Vue Router 和 Vuex 早已经是 Vue 框架的一部分，它们的稳定是非常重要的。 Vue 3 生态逐步赶上社区生态库也在逐步赶上。...比如我们有 Comp.vue 和 App.vue 两个组件。在 setup 下，App 引入 Comp 组件后可以直接使用，无需注册。...当然，也会和其他的编辑器进行官方合作，提供支持。不再支持 IE11 微软刚刚发布声明，IE11 将在 2022 年 6 月 retire，可见其推动 IE 用户改用 Edge 的决心。...by Default Vue3 migration build 近期另一个重大发布，整体的内容比较大，预计在 3.1 发布。...绝对需要 IE11 支持的话请等待 2.7 预计在 Q3 2021 去做。希望在 Q3 Vue2.7 发布之后，整个的 Vue2 到 Vue3 的升级过程会变得更加顺滑。

1.4K2 0

使用 CSS 变量是否对网站性能有影响，我做了个实验

如果你还不了解 CSS 变量，推荐阅读 CSS 变量教程- 阮一峰的网络日志[1] 到如今，几乎所有的主流浏览器都已经支持了该特性。当然，IE11 肯定是不支持的。...使用 CSS 变量，可以很容易的实现网站主题换肤等功能。它的性能怎么样呢，因为涉及到计算，在页面上大量的使用，会不会增加页面的渲染时间呢？...cd css-variables-benchmark yarn yarn build yarn start:compiled [number of random colors] [reuse factor...] 根据以上命令，会生成一个 bundle 的文件夹，里面有两个文件：static 和 dynamic 分别代表使用 CSS Class 的版本和 CSS 变量的版本。...参考资料 [1] CSS 变量教程- 阮一峰的网络日志: https://www.ruanyifeng.com/blog/2017/05/css-variables.html [2] 原文链接: https

8393 0

HTML5自定义属性对象Dataset

基本介绍在HTML5中，我们经常使用data-前缀设置我们需要的自定义属性，来进行一些数据的存放，例如我们在一个button上添加id 点我这里的data-前缀就被称为data属性，其可以通过脚本进行定义，也可以应用CSS属性选择器进行样式设置。...数量不受限制，在控制和渲染数据的时候提供了非常强大的控制。...至于其他浏览器，FireFox 6+以及Safari 6+也支持dataset对象，至于IE浏览器，只有IE11及Edge浏览器支持。...您可以像下面这样操作名-值对： chartInput = []; for (var item in expense) { chartInput.push(expense[item]); } 上面这几行代码作用是让所有的自定义的属性值塞到一个数组中

1.8K3 0

【专业技术】微软最新的浏览器到底有多牛？

前段时间在旧金山的Build大会上，微软的Edge项目负责人Charles Morris表示：“我们需要在新一代浏览器上创造更多，需要新的方式处理事情。” 那么Edge能够达到IE的高度吗？...1、放弃老技术，不考虑兼容（重点）过去，IE浏览器每发布一个新版本，总是会考虑向后兼容，最新的IE11上也提供了“兼容性视图”，目的是为了保证企业用户正常工作，因为很多企业和机构至今仍围绕古老的IE6...按照微软的说法，在Edge上已经砍掉22万行MSHTML程序代码、300多个API及6种文件模式。 Edge浏览器可谓来势汹汹，相较IE11浏览器。...在之前的BUILD大会上，微软展示了一个非常流行的Reddit社区插件，该插件提供了非常具有视觉吸引力的社交新闻阅读视图。...5、更适合阅读微软在Edge浏览器上花了很大的心思来改善阅读体验。浏览器的布局比IE和Chrome都更简洁，只有少量的菜单和小部件按键。微软认为，这么做是为了保证用户的重点在页面内容上。

90310 0

那些与 IE 相伴的日子

利用高渲染模式因为 IE 不兼容的东西太多了，很多人都选择使用相对比较高级的渲染模式，反正就是我不用你IE的 // or 上面一个是使用Edge渲染模式来解析代码；下面这个则是使用Chrome内核，但你用Chrome内核也得用户安装了才行啊，很多电脑仅有一个IE，你根本拿它没办法害！...ECMAScript 新语法我一个用不了大家用的最多的就是ES5的语法了吧，或者说在大多数人的概念里，ES5应该是很低级的语法了，然而不争气的 IE 连对ES5的兼容性也不是那么完美那么能怎么办呢...，而IE呢，分别是 attachEvent和 detachEvent。...也就是说IE将永远停留在IE11版本，微软也终于接受了现实他们是心甘情愿放弃IE的吗？

4422 0

官宣 Vue3.0 抛弃支持 IE，把精力集中在这个上面

在漫长的开发过程中，我们还就IE11兼容性进行了研究和实验，但是由于所涉及的复杂性和手头上的其他工作量大，因此已将其优先处理。微信搜索公众号逆锋起笔，关注后回复编程资源，领取各种经典学习资料。...现在，越来越多的开发人员正在使用现代语言功能，更重要的是，Microsoft本身已经开始通过对Edge的投资积极地将用户推离IE。...它能够检测许多在ES5中不可能或不可行的操作，例如属性添加/删除，数组索引和length突变以及in操作员检查。为Vue 3的代理版本编写的相同代码在IE11版本中不起作用。...我们最初的计划是在IE11版本的开发版本中同时交付Proxy和ES5反应性实现。当它在启用代理的开发环境中运行时，它将检测并警告不兼容IE11的用法。...从理论上讲，这是可行的，但由于需要将这两种实现混合在一起，并且在开发和生产之间存在行为差异的风险，因此造成了极大的复杂性。

1.6K3 0

教你使用docsify生成美观的文档网站

是一个动态生成文档网站的工具，可以将.md 文件以 wiki 的形式展示给读者，可以用于制作技术文档、用户手册、wiki 等，快速以网站形式构建、发布软件的API手册或用户说明文档，方便用户使用你的软件，达到快速传播作用...特性没有静态构建的html文件简单轻巧（约21kB gzipped）智能全文搜索插件多个主题有用的插件API 表情符号支持与IE11兼容支持服务器端渲染官方文档：传送门快速开始首先安装...npm 全局安装 docsify-cli ，这有助于在本地初始化和预览网站。.../docs 在之后 init 完成后，你可以看到在文件列表./docs子目录。...可以直接参考我的配置修改，各个参数官方有详细说明，很多外部文件，可以自己下载本地进行引入，这样加载更快。

1.3K1 0

JS魔法堂之实战：纯前端的图片预览

作用：主要作用是对图片进行透明处理（IE5.5~6并不支持透明的png）（2）....html片断： #preview{ width: 100px; height: 100px; } <!...作了安全方面的考虑，使得在input[type=file]元素上通过value、outerHTML和getAttribute的方式都无法获取用户所选文件的真实地址，只能获取到 C:\fakepath\文件名称...因此假如使用IE11,但文本模式却设置为10以下，那就没木有办法实现图片预览了。 ...解决办法1──在head标签下加入这句：。

2.4K6 0

浏览器工作原理和V8引擎

服务器返回一个html文件，浏览器内核在解析html文件的过程中，遇到link标签和script标签引用的css文件和JavaScript文件就会去下载下来。二、浏览器内核 1....我们经常会说：不同的浏览器有不同的内核组成： Gecko：早期被Netscape和Mozilla Firefox浏览器浏览器使用； Trident：微软开发，被IE4~IE11浏览器使用，但是Edge浏览器已经转向...、Edge、Opera等；等等... 2....CSS Parse 将css转化为CSS规则（Style Rules）。...然后 DOM树（DOM Tree）和CSS规则（Style Rules）通过附加（Attachment）生成渲染树（Render Tree），在布局引擎（Layout）具体操作下，进行绘制（Painting

9653 0

最详细、最全面的 Babel 小抄

希望都能从技术、工具、框架本身的诞生背景、作用去思考！如果不做到比较精细的类型声明和限制，为何用它？.../index2.js --out-file build.js 结果是 _objectWithoutProperties 和 _objectWithoutPropertiesLoose 居然都会重复声明两次...对于这种转换函数，在外部模块化，用到的地方直接引入即可。...并且函数声明都是通过外部引入。...babel-plugin-proposal-xx：用来编译和转换在提案中的属性，在 Plugins List[21] 中可以看到这些插件，比如 class-properties[22]、decorators

7561 0

不敢相信，技术栈，居然被P站秒了

CSS层面，从最初的纯CSS，到LESS，再到现在的Grid，用户在观看视频的场景很多，我们必须适应不同的分辨率和屏幕尺寸。...画外音： LESS(Leaner Style Sheets)，是一门向后兼容的CSS扩展语言，它和CSS非常像，并对CSS增加了一些有用的扩展，例如：变量，混合(Mixins)，嵌套，函数，作用域，注释等等一些特性...画外音：（1）画中画，是近几年推出的新特性；（2）用户在浏览P站视频的时候，真的能腾出手来，进行反馈么？提问：WebVR技术一直在进步，请问WebVR目前发挥了多大的作用？...又例如，HLS，IE和Edge遇到高清HLS流时偶尔会出现卡顿，我们必须防止这种现象出现。画外音：HLS(HTTP Live Streaming)，是苹果的动态码率自适应技术。...答：我们一直支持IE，但最近我们决定放弃支持IE11之前的IE版本（兼容性太难搞了），言下之意，我们会放弃对Flash视频播放的支持。我们将专注于Chrome，Firefox和Safari的支持。

1.9K1 0

前端-CSS变量（自定义属性）实践指南

CSS变量和预处理器中的变量有什么不同？你可能已经在CSS预处理器中尝试过使用变量而带来的好处了，比如Sass和Less。预处理器让你能设置变量，以及在函数、循环、数学计算等等地方中使用它们。...CSS变量是区分大小写的与普通CSS属性不同，CSS变量是区分大小写的。例如，var(--foo)和var(--FOO)是在求两个不同的自定义属性值，分别是--foo和--FOO的。...在div标签中拥有.alert类的段落会是红色，因为它的值继承自局部作用域里的--main-color。...-my-color, 'blue'); } } 考虑到@supports在IE/Edge里也起作用，上面的方法是可行的。...对于上面的代码，在Chrome和其他支持CSS变量的浏览器中，标签里的文本将是蓝色： ? 在IE11中，由于它不支持CSS变量，页面将显示灰色文本: ?

1.8K2 0

CSS变量（自定义属性）实践指南

CSS变量和预处理器中的变量有什么不同？你可能已经在CSS预处理器中尝试过使用变量而带来的好处了，比如Sass和Less。预处理器让你能设置变量，以及在函数、循环、数学计算等等地方中使用它们。...CSS变量是区分大小写的与普通CSS属性不同，CSS变量是区分大小写的。例如，var(--foo)和var(--FOO)是在求两个不同的自定义属性值，分别是--foo和--FOO的。...CSS变量的浏览器支持除了IE11（它不支持CSS变量），所有主流浏览器都对CSS变量有全面地支持。..., 'blue'); } } 考虑到@supports在IE/Edge里也起作用，上面的方法是可行的。...对于上面的代码，在Chrome和其他支持CSS变量的浏览器中，标签里的文本将是蓝色： ? 在IE11中，由于它不支持CSS变量，页面将显示灰色文本: ? 可以查看在线的示例7代码。

1.4K1 0

【前端技术】Plugin的使用

一、html-webpack-plugin 作用：为html文件中引入的外部资源如script、link动态添加每次compile后的hash，防止引用缓存的外部文件问题可以生成创建html入口文件.../src/index.html' // 源模板文件 }) ] }; 1.3 在src文件新建index.html文件 <meta http-equiv="X-UA-Compatible" content="IE=<em>edge</em>...：<em>在</em>每次构建前清理 /dist 文件夹测试过程: output:{ filename:'test.js', } // 这里将bound.js改成test.js,npm run <em>build</em>之后，dist...文件会出现test.js<em>和</em>bound.js,index.js会引入最先的test.js 存在问题：bound.js不应该存在。

5151 0

IE之页面加载慢.

然后把base64编码写在dom里的实现方式改成了css加载src. 改完之后, 后台已经完全不涉及到读写图片卡顿问题了....); 17 output.flush(); 18 writer.dispose(); 19 } 20 } 重复一下, 图片渐进式和分段式...IE以及Edge似乎更卡一点. 我们用Chrome访问一张大屏模板, 对比下IE访问模板的响应时间. 两者都预先清理缓存....op=fs_main&cmd=entry_report&id=2571 截图一看清楚了, IE里看上去Gzip就没起作用, 实实在在的加载原js. 用了4s才加载完...."); 8 } 实际上高版本IE早就支持Gzip了, 因为IE11里http的响应头已经写了Accept-Encoding: gzip, deflate.

2.4K7 0

我们应该合并网站上的CSSJS文件吗？

考虑外部CSS/JS文件，渲染块本质上——它们会阻止页面渲染或阻止其他资源下载。...合并css/js文件的缺点 1.可能产生非常大的文件大多数网页通常有几个CSS和JS文件。将所有样式表或脚本组合成一个单独的文件可能会产生一个非常大的CSS/JS文件。...访问者还可以在页面逐步加载时尽早开始消费内容。如前所述，CSS/JS被认为是渲染阻塞——除非指定，否则浏览器将首先下载、解析和执行此文件，然后再执行页面代码的其余部分。...即使东西在视觉上看起来很好，一些引擎盖下的功能可能已经坏了，你可能要到很久以后才会发现。例如，按钮在页面上不起作用，或页面元素消失，或滑块无法按设计工作，等等。...什么时候合适合并CSS/JS文件您的网站使用HTTP/1.1 你有一个简单的网站，没有太多脚本什么时候不合并CSS/JS文件你的网站使用HTTP/2 你有一个复杂/大型的网站（即，它使用大量脚本和

1.5K2 0

《Kotin 极简教程》第14章使用 Kotlin DSL第14章使用 Kotlin DSL《Kotlin极简教程》正式上架：

更加典型的例子是Gradle，它基于Ant 和 Maven，使用基于Groovy的DSL 来声明项目构建配置 build.gradle，而不是传统的XML。...DSL 让我们理解和使用模型更加简易。 DSL 有内部 DSL 跟外部 DSL 之分。例如 Gradle、Anko 等都是我们使用通用编程语言（Java 和 Kotlin）创建的内部DSL。...外部DSL 外部DSL跟通用编程语言（GPL）类似，但是外部DSL更加专注于特定领域。创建外部DSL和创建一种通用的编程语言的过程是相似的，它可以是编译型或者解释型的。...kotlinx. html 分别提供了kotlinx-html-jvm 和 kotlinx-html-js库的DSL , 用于在 JVM 和浏览器 (或其他 javascript 引擎) 中直接使用 Kotlin...螢幕快照 2017-07-23 18.43.04.png 然后，在 build.gradle 里面配置依赖 compile 'com.github.ReactiveX:RxKotlin:2.1.0

2.1K1 0

angular浏览器兼容性问题解决方案

问题：edge浏览器下，固定列的边框消失原因：ng-zorro-antd表格组件使用nzLeft和nzRight指令固定的表格列，这两个指令的实现css3中的标签： position: -webkit-sticky...important; 谷歌、火狐及-webkit-内核的浏览器均支持该属性（css3），IE不支持该属性，所以在IE中，会自动降级，表格无固定列，可滑动的形式。...Edge浏览器在1703之后的版本使用了chromium内核，对css3的属性支持较好，也支持sticky属性，可以使用，可以固定表格列，但边框会消失。...比如在placeholder改变时，placeholder的文字不是英语的时候就会触发，Edge15+修复了这个问题，但是IE可能永远都不会修复这个问题。...UNIQUE_INPUT_EVENT_PLUGIN_CONFIG], }] }) class MyModule {} 需要注意的是，插件需要自己添加到项目文件中（根据angular团队所说，这个插件修复了一个IE10或者IE11

3K3 0

玫瑰花变蚊子血,自动化无痕浏览器对比测试,新贵PlayWright Vs 老牌Selenium,基于Python3.10

PlayWright的安装和使用 PlayWright是由业界大佬微软(Microsoft)开源的端到端 Web 测试和自动化库，可谓是大厂背书，功能满格，虽然作为无头浏览器，该框架的主要作用是测试...其中使用最广泛的就是基于Chromium内核的浏览器，最负盛名的就是Google的Chrome和微软自家的Edge。 ...-o 'edge.py' -b chromium --channel=msedge 这里通过codegen命令进行录制，指定浏览器为edge，将所有操作写入edge.py的文件中： ...在使用 Selenium 进行抓取时，我们可以自动化浏览器、与 UI 元素交互并在 Web 应用程序上模仿用户操作。...如同前文提到的，与Playwright相比，Selenium需要第三方库来实现异步并发执行，同时，如果需要录制动作视频，也需要使用外部的解决方案。

8653 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭