質問: お世話になっております。 件名の通りなのですが 下記css、htmlで ``` #menu { margin-right:auto;} #menu ul { float:left;padding: 0; } #menu li { white-space: nowrap; padding-left:10px; padding-right:20px; line-height: 30px; height: 30px; font-size: 14px; list-style: none inside url(../img/yajirushi.gif); display: inline-block;/*←←←←←←←←←←←←←←←←*/ } ``` ``` 機能 価格 問い合わせ ``` とした場合 display: inline-block; が無い場合は list-style: none inside url(../img/yajirushi.gif); が効いてyajirushi.gifが表示されるのですが display: inline-block; を追加するとyajirushi.gifが表示されません。 そういったものなのでしょうか? どこか上部のcssが悪さをしているのでしょうか? 強引にyajirushi.gifを表示させる方法は無いのでしょうか? お忙しいところ大変申し訳無いのですが 上記お問い合わせいたします。
回答: `background-image` とかで設定すればよいと思います。 【list-style - CSS | MDN】 > > メモ: このプロパティはリスト項目、すなわち display: list-item; の要素に適用されます。既定では 要素が含まれます。 > > >