图片不会加载"内容:url()"在Internet Explorer中

时间:2014-05-18 10:00:09

标签: html css internet-explorer

我在网站上工作,我的网站必须在Chrome和Internet Explorer 9中工作。我差不多完成了,我只剩下一个问题了。如果我想加载"内容:url()"它在Chrome中完美运行,但在IE9中却不行。有人可以给我另一个解决方案,我不需要改变我的HTML。

我的HTML:

<!DOCTYPE html>
 <html lang="nl">
 <head>
  <title>Test</title>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="test.css" />
 </head>
 <body>
  <header>
  </header>

  <a id="photo">Photo</a>

  <footer>
  </footer>
 </body>
</html>

我的css:

#photo {
 content: url('right-button.png');
}

1 个答案:

答案 0 :(得分:2)

试试这个:

#photo {
    background: url("right-button.png") no-repeat;

}

有关更多信息,请阅读我在content属性中找到的一些文章:

content propertyW3c