コーディングしにくいデザインをHTMLとCSSのみで組んでみた(後編) 2011-01-06 タイトル通り、"コーディングしにくいデザインをHTMLとCSSのみで組んでみた(前編)" の後編です。 今回はクロスブラウザ(IE、FireFox、Webkit系とか)に対応させるために、ちょっとだけテクニック的な事も使っていきます。 最後に完成したページをzipで公開しています。 ダウンロードして煮るなり、焼くなりしてくれると良いよ! おさらい 前回、下記のデザインを組んでいくことにしました。 そして前回はここまでコーディングが終わりました。 今回はコンテンツとクロスブラウザに対応させます。 コンテンツのメイン画像部分を何とかする。 これを何とかしていきます。 ポイントは"シャドウ"と"文字部分の不透明"。 HTML <div> <img src="img/woman.jpg" width="6
![コーディングしにくいデザインをHTMLとCSSのみで組んでみた(後編)](https://cdn-ak-scissors.b.st-hatena.com/image/square/abaa13c8e836b378977eb131ef5a4f6d726842c6/height=288;version=1;width=512/https%3A%2F%2Fkojika17.com%2Fog.png)