ホームページ制作(作成)福岡|オリジナルweb制作はウェブワーカーズ CSS3 ボックスシャドウ

トップ>>スタッフブログ>>CSS3 ボックスシャドウ

スタッフブログ

日々の業務や生活・WEBに関することを書いています。

CSS3 ボックスシャドウ

昨日meke shop proのカスタマイズの依頼があり作業を行っていました。

依頼内容は今使われているテンプレートデザインにオリジナルのバナーやページを数ページ追加したいとの内容でした。

コーディングも終盤にさしかかったとき思わぬハプニングが・・・

CSS3のボックスシャドウがどうしてもきかない。しかもIEで・・・

IEだけが適用されないことはよくあることですが今回はIE9ですのでボックスシャドウは適用されるはずですので何度もチャレンジしました。

色々調べた結果、tableにcollapseを適用していてその中の要素ではボックスシャドウがきかない見たいです。

普段はテーブルはほとんど使いませんが、メイクショッププロのテンプレートはテーブルでレイアウトされています。

ネット上に解決策が何個か掲載されていましたが、どれをやってもうまくいかず、結局画像でぼかしをつけました。

お客様に影を付けてと言われたわけではありませんが、最後は意地で影を付けました。

調べた時間と画像に変更したため所要時間約3時間かかりました。

まだまだ分からないことがたくさんです

探偵 福岡

便利屋 札幌

不用品回収 福岡

トップへ戻る