background-imageで指定したsprite.pngが表示されません。
しかし、imgタグでは表示されます。
原因はどこにあるかお知恵を拝借したいです。
html
1<html> 2 3<head> 4 <style> 5 li { 6 background: pink; 7 position: relative; 8 padding: 0; 9 margin: 0; 10 } 11 12 li span:after { 13 content: ''; 14 position: absolute; 15 top: calc(50% - 6px); 16 right: 10px; 17 width: 6px; 18 height: 6px; 19 display: block; 20 background-image: url("sprite.png"); 21 } 22 </style> 23</head> 24 25<body> 26 27 <ul> 28 <li> 29 <span>xxx</span> aaaa<br>bbb 30 </li> 31 </ul> 32 <img src="sprite.png"/> 33</body> 34 35</html> 36 37
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/01/11 12:12
退会済みユーザー
2018/01/11 12:12