cssに関するshushoku_marujiのブックマーク (2)

  • rgbaで簡単にcssのみの半透明の背景が実装できた - ファンブログハック

    css3のrgba指定 css3では、色をrgbaで指定できるんです。なので、こいつを使えば透明とか簡単らしいッス。 CSSで半透明、opacityとrgbaの違い - ぼくはまちちゃん!(Hatena)RGBa 画像透過処理について | webtrace rgbaで、背景色に透過な色を設定するだけです。多くのブラウザでは対応していますし、ブラウザ毎に変なコードを書く必要がなくて、楽ですな。 ただし、rgbaはie8以下では適用できなかったり、色々注意点もある様なので、少しまとめてみます。 rgbaの基情報 基的な事は、リファレンスで見れます。 rgba()−CSS3リファレンス 問題は、対応していないブラウザ、特にie7,8をどうするか、って事です。6はもう良いですw やっぱりopacityとかpngとか使う 1つは単純に、他の方法を使うって解決法があります。 Web-半透明について

  • 小粋空間: CSS の after 擬似要素で回り込みを解除する

    float プロパティで設定したテキスト等の回り込みを、CSS の after 擬似要素を用いて解除する方法を紹介します(通常の解除方法も併せて掲載しています)。 1.「回り込み」とは 例えば、画像の左(または右)にテキストを表示することを「(テキストの)回り込み」と呼びます。 マークアップ <p> <img src="hogehoge.jpg" alt="image" style="float:left" /> 回り込みテキスト~(略)~回り込みテキスト </p> 表示 回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト (X)HTMLでこのような表示を行う場合、先に出現する要素(ここでは img 要素)に対して float プロパティを与えます。float プロパティは、指定された要素を左または右に寄せて配置する際に使用しま

    小粋空間: CSS の after 擬似要素で回り込みを解除する
    shushoku_maruji
    shushoku_maruji 2013/03/11
    floatによるバグを解消する方法
  • 1