私はこのような画像の周りにdivを持っています:
<div class="q">
<img src="http://upload.wikimedia.org/wikipedia/commons/a/af/Bonsai_IMG_6426.jpg" />
</div>
その結果、divは画像よりも大きくなります。同じ高さと幅になるように画像をラップしたい(寸法を設定しない)
img {
z-index: -1;
position: relative;
width:300px;
}
.q {
width:100%;
height:100%;
box-shadow:inset 0px 0px 85px red;
-webkit-box-shadow:inset 0px 0px 85px red;
-moz-box-shadow:inset 0px 0px 85px red;
}
高さと幅の「自動」を試しましたが、機能しません。