Изображение не загружается с «content: url ()» в Internet Explorer
Я работаю над сайтом, и мой сайт должен работать в 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');
}