对于 IE9 中@import引用的样式表对象，href 属性是错误的

href property is wrong for a stylesheet object referenced by an @import in IE9

本文关键字：href 属性 错误 对象 样式 IE9 @import 引用 对于      更新时间：2023-09-26
<head>
    <link href="Styles/StyleSheet1.css" rel="stylesheet" type="text/css" />
</head>

使用 javascript，我可以获取上面的 stylesheet1 对象并检索返回绝对路径的 href

，如下所示：

C：''Users...''myWebsite''Styles''StyleSheet1.css

StyleSheet1.css 包含一个@import：

@import url("StyleSheet2.css");

这不适用于"样式"文件夹，因为 StyleSheet2.css 与 StyleSheet1 位于同一文件夹中.css即"样式"。它按预期工作并将样式导入到 html 文档中。但是，如果我掌握了@import引用的样式表对象，它将为 href 属性返回以下内容：

C：''Users...''myWebsite''StyleSheet2.css

请注意，它缺少"样式"文件夹。

这是一个已知的错误，有没有快速解决它的方法？

Html文档从指定的位置加载"Styles/StyleSheet1.css"。导入语句在 html 文档的上下文中运行。因此，浏览器将解释 DocumentsURL''StyleSheet2.css 下的@import url("StyleSheet2.css");语句。

您可以尝试使用实际位置@import url("样式/样式表2.css"(;

相关文章：