html – 图像不会在Internet Explorer中加载“content：url()”

2023年1月26日 273次阅读

我正在一个网站上工作,我的网站必须在Chrome和Internet Explorer 9中工作.我差不多完成了,我只剩下一个问题了.如果我想加载带有“content：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');
}

最佳答案 试试这个：

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

}

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

content property,W3c

点赞