一般に、背景画像を使用して画像に影を追加できますが、サイズが固定されていない画像でこれを実現するにはどうすればよいでしょうか?
「視覚的欺瞞法」を使用して、グラデーションの境界線を定義することでこれを実現できます。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<頭>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="コンテンツ言語" content="zh-CN" />
<タイトル></タイトル>
<style type="text/css" >
ボディ {背景:#2e334d;}
img {ボーダー:なし;}
a.pic-shadow {display:inline-block;zoom:1;padding:1px;background:#262a3f;border:solid #2b3048 1px;border-radius:5px;-moz-border-radius:5px;-webkit-境界半径:5px;}
a.pic-shadow img {padding:1px;background:#13151f;border:solid #1e2132 1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
</スタイル>
</head>
<本文>
<a class="pic-shadow" href="#" title=""><img src=" border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
上記の定義は、より専門的に目を欺くために、さまざまな標準ブラウザーでの角丸の定義です。
カラーコードはPSでアウターグローエフェクトを作成した後に取得できます。
上記の効果は[ソフト]、[拡張0]、[サイズ5px]、[カラー#000]で、残りはデフォルトです。
もちろん、特別な要件がある場合は、IE フィルターを使用して、より豪華なシャドウを実現できます。フィルター担当者が通りかかった場合は、自分でそこに行くこともできます。