【问题标题】:Link to Relative StyleSheet tag not working链接到相对样式表标签不起作用
【发布时间】:2013-02-11 08:40:02
【问题描述】:

我正在创建一个基于 tumblr 的网站,该网站似乎在 google chrome 上运行良好,但我分配到页面右侧的广告框存在问题。 我搜索了谷歌并找到了这个related question,但给出的答案对我不起作用。

我尝试了以下方法。
只需添加一个带有正确 if 语句的 html class="ie9" 标记。

正在清除我的缓存。
并检查浏览器模式。

它似乎只是页面的一个元素。右侧没有正确显示,但我在 IE 9 中进行了自定义,并且我有确切的边距要求。但是我似乎无法链接样式表。 这是因为我以这种方式链接静态文件吗?

<!--[if IE 9]>
    <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/texnbv5/j70mi1pbq/ie9.css" />

这是否与我从不同域而不是托管域链接此样式表这一事实有关?

还有没有我可以挑出需要调整的行? 我是否可以在我的网站的 css 部分放置一个 if 语句

<!--[if IE 9]<style>#Content-right{margin:-1000}</style>
<![endif]-->

【问题讨论】:

  • 请注意:margin:-1000 不是有效的 CSS。缺少单位(px、em、%)。

标签: html css internet-explorer-9 tumblr


【解决方案1】:

它不起作用,因为您没有关闭您的评论标签。与跨域css文件抓取无关,完全合法。

<!--[if IE 9]>
    <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/texnbv5/j70mi1pbq/ie9.css" />

应该是&lt;!-- [if IE 9] --&gt;

另外...什么引擎应该作用于这个 IF?

【讨论】:

    【解决方案2】:

    有一篇关于这个主题的非常有趣的文章。它解决了隔离浏览器特定 CSS 而无需创建整个 CSS 文件的需求/愿望。这种方法还有很多好处。由于我自己的需要,我已经使用它很多年了,直到最近才意识到已经对这种技术进行了这样的分析。

    这里是链接:Conditional Stylesheets vs. CSS Hacks

    其他注意事项:

    样式表的定位在 CSS 中非常重要。由于我们看不到您的其他调用并且您正在使用单独的样式表,因此将条件语句放在标准样式表下很重要。

    示例

    <link rel="stylesheet" href="path/to/standard.css" />
    <!--[if IE 9]-->
        <link rel="stylesheet" href="http://path/to/ie9.css" />
    <!--[endif]-->
    

    这是因为如果发生冲突,CSS 会使用最后加载的样式。我之所以提到这一点,是因为它可能会影响您的结果,因为这是一个常见错误。

    【讨论】:

    • 我想我一开始就尝试过@Fuzzical。我刚刚尝试了this 文章中的一些技巧,但它们似乎也不起作用。我查看了另一个在 IE9 中似乎也无法正常工作的网站。
    • @reinder。我应该尝试将其定位在顶部的中心吗?
    • 你们是对的。我回到代码并添加了正确的代码,现在它们似乎是链接的。非常感谢。
    【解决方案3】:

    试试这个代码

    <!--[if lt IE 9]>
            <link rel="stylesheet" href="http://static.tumblr.com/texnbv5/j70mi1pbq/ie9.css" />
    
    <![endif] -->
    

    希望你能成功

    【讨论】:

      猜你喜欢
      • 2015-11-12
      • 1970-01-01
      • 1970-01-01
      • 2018-03-15
      • 2012-07-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多