CSS：liアイテムにイメージをプレフィックスとしてプレフィックスを付けますか？

"li"項目の前に小さな画像を付けることはできますか？私はそれに適したCSS属性を見つけられませんでした。CSS：liアイテムにイメージをプレフィックスとしてプレフィックスを付けますか？

2012-04-09 daisy

弾丸の代わりに、または弾丸の代わりにイメージが必要ですか？ – j08691

：

ul { list-style-image: url("fancybullet.gif"); }

あなたは誰にも負けないのlist-style-typeを設定し、適切な場所に画像を配置するためにCSSを使用してコールド、それに失敗、のようなin this article.

出典

2012-04-09 03:35:29 fitzgeraldsteele

偶然にも、list-style-imageが問題になる（画像を中心にする）という質問に取り組んだだけです。私の解決策（最高だと言っているわけではありませんが、これまでのようですが）は、list-style-imageを使用する代わりに背景イメージを設定することでした：http://stackoverflow.com/questions/10068769/css-vertical- item-doesnt-workのテキストに合わせるlist-style-image（これはそれが意味するものです!!）を使用しますが、問題が発生した場合に備えて参考にしてください。 :-) –

CSS：before擬似セレクタを使用できます。

li:before { content: url(image.jpg); }

IE8以降では、これが完全に正しく動作しない可能性があります。 Here's some more information on the :before and :after selectors.

jQueryのようなライブラリを使用すると、Javascriptでこれを行う方が良いかもしれないと感じています。これは、HTMLがスクリーンにレンダリングされた後、動的ソリューションを必要とする問題であると想定しています。この場合、Javascriptを使用するのが最適かもしれません。

あなたは箇条書きに画像を使用することができます

出典

2012-04-09 03:35:20 cereallarceny

CSS：liアイテムにイメージをプレフィックスとしてプレフィックスを付けますか？

答えて

関連する問題