[CSS]IE6でよく遭遇する6つのバグとその解決方法 | コリス
CSS Trickのエントリーから、IE6でよく遭遇する6つのバグとその解決方法の紹介です。 IE CSS Bugs That’ll Get You Every Time ボックスモデルのバグ マージンが二倍になってしまうバグ min-width, min-heihgtと同等の指定 Stepdownバグ hover擬似クラスをa要素以外にも対応 透過PNGを透過表示に対応 ボックスモデルのバグ <textarea name="code" class="css" cols="60" rows="5"> div#box{ width:100px; border:2px solid black; padding:10px; } </textarea>
画像と枠線の間に余白を設けられますか？ [ホームページ作成] All About
画像と枠線の間に余白を設けられますか？スタイルシートを使えば、画像の周囲に枠線を引くことは簡単です。では、画像と枠線との間に少し余白を設けたい場合はどうでしょうか？ あなたが今思いついたソースでは、うまくいかない場合があるかも知れません。 画像にスタイルシートで枠線を付ける場合 スタイルシートを使えば、画像を加工することなく画像に枠線を加えられます。 方法はとても簡単ですから、スタイルシートを少しでも使ったことのある方々なら、方法は簡単に思いつくでしょう。 では、画像と枠線との間に、少し余白を設けたい場合はどうでしょうか？ すぐにスタイルシートの記述方法を思いつきますか？ そこそこスタイルシートを活用しているなら、きっと思いつくでしょうね。paddingプロパティを使えば、内側の余白を調節できるはずだと。 ところが！ それでは、うまくいかない場合があります。 なんとも困ったことですが、現在
![画像と枠線の間に余白を設けられますか？ [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
角丸背景を画像1枚で実装
角丸背景を画像1枚で実装 CSS2008年11月30日 よく使う角丸背景のデザインですが、実は1枚の画像だけで実装することが可能です。 CSS 任意のIDまたはclass{ background:url(/任意のパス/round.gif) left bottom no-repeat; padding-bottom:10px; } 任意のIDまたはclass div{ background:url(/任意のパス/round.gif) left top no-repeat; } 任意のIDまたはclass div p{ padding:10px 10px 0 10px; } HTML <div class="任意のクラス名"> <div> <p>1枚の画像だけで角丸背景を実装しています</p> </div> </div> divが入れ子にはなりますが、逆にいればデメリットはそれのみで、いちいち
border-radius + -moz-border-radius + (Nifty Corners * IE behavior) - 徒書
border-radius + -moz-border-radius + (Nifty Corners * IE behavior) これまではさほど関心を持っていなかった角丸なのですが、最近のはてなブックマークで角丸を扱った記事が多く取り上げられてたり、CSS Nite Vol.6(見に行ってました)でも角丸が取り上げられたりしていたので、今更ながらにわかに興味が出てきたのでした。 たぶん、自分が角丸へ関心を持つのを避けていたのは、作る側として「実現するのがややこしいから」ということだったと思うのですが、見る側からしてみると、角丸のもつ見た目の印象はかなり効果的だよなあ、と考えるようになってきました。最近見たものだと、Catalystでサンプルアプリケーションを作った時のデフォルトページが、-moz-border-radiusをつかったスタイルで、衝撃的でした。 さて角丸をどう実現するか
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
