抜ける画像の作り方です。今回はこの画像をサンプルにします。これを加工してこんな感じにします。この程度の加工に画像編集ソフトは不要です。スポンサーリンク画像を半透明にする方法、すける画像の作り方です。今回はこの画像をサンプルにします。amazonこれを加工してこんな感じにします。この程度の加工に画像編集ソフトは不要です。/></p></div></td></tr></table>以前「で、スタイルシートはどこに書くのか?」というエントリーでスタイルシートを書ける場所は3カ所と書きましたが、実はbodyタグの中にも書けます。type=”text/css”>と</style>で囲みます。opacityというのが、透過を指示するスタイルで、0だと完全な透明、1だと完全に見えている状態。その間で透過度を出します。上の例では50パーセントの見え具合で50パーセント透けている状態です。InternetExplorerはopacityに対応していません。その代わり、filterという機能でopacityと同じことができます。その場合は0から100までの数値で指定します。0だと完全な透明、100だと完全に見えている状態です。空タグを気にしないなら、画像を100%で背景にして、その上に半透過の色を乗せた方がキレイかもしれません。背景画像として使う場合は画像のサイズを変更できません。今回の画像は、実際には横幅1060ピクセル、高さ1500ピクセルあるのを縮小して使っているので背景にせず、透かして使いました。試していませんが、画像を透過せず背景として使い、透過した色を載せる場合は下のようなコードになります。style="color:#00f;"></div></div></td></tr></table>上のコードは、見ての通り空っぽです。画像が背景のdivタグの中に、色が背景のdivタグが入っているだけです。これで100パーセント不透過の画像に色がかかったものが表示されますが、HTML的には全く中身のないものなので、GoogleやYahoo!には嫌われるでしょう。あとは状況に応じて使ってください。おまけこういう画像が背景のところに文章を書くと非常に見づらいです。そんな時は背景を変えるのが、いちばんいいのですが、それでも使いたい場合の対処法です。このように半透明の色をつければすこし見やすくなります。見づらいので文字を太くしてみました。この方法には致命的な欠陥があります。実は今見ている、この文字も薄くなっているのです。文字が透けずに、背景の色だけ透かすには、本当に透けている色のついた画像を用意する必要があります。それについては今回は扱いません。以上、「透ける画像」でした。23:36こんばんわ。記事を書くとお洒落ですね。チャレンジしたいと思います。いつも悩んでいる事の一つです。