0

昨日、CSS3 でムラのある影をつけることについて質問したのですが、最終結果はこうでした(これには本当に感銘を受けました!)。

残念ながら、画像でこれを使用しようとすると、これに終わります（影はまったく表示されません）

なぜこれが起こるのか理解できないようです.altテキストを削除しようとしましたが(これは役に立ちません)、imgに空白のsrc属性を与えると修正されます(明らかに、これをしたくありません!)

私が考えることができるのは、それがcontent:""cssと関係があるかもしれないということだけですか? 私はそれをいじってみましたが、どこにも行きません。

div を使用して img をラップし、それにクラスを与えることもできますが、最終的にはこれを避けたいと考えています。

4

2 に答える 2

1

なぜdivを使わないのですか

<div class="container">
    <img src="http://intelligentpenguin.co.uk/blank_story.gif " alt="" />
</div>​

そしてCSSを次のように変更します

.container img{
    width: 300px;
    height: 200px;
    margin: 50px;
    background-color: #eeeeee;
    z-index: 1;
}

デモ

于 2012-11-16T12:23:30.933 に答える
1

したがって、そのようなdiv内に画像を配置するだけです。それは受け入れられるでしょうか？このような：

<div class="container"><img src="http://intelligentpenguin.co.uk/blank_story.gif" alt="" /></div>

http://jsfiddle.net/qUpZX/4/

ここに関連する質問があります

どうやらそれは「前」と「後」の疑似クラスに関係しています。

于 2012-11-16T12:20:06.467 に答える