IE8とIE9できれいに透過を適応させるCSSこのような写真の一覧を作成して、タイトル部分を透過にしたい場合、 opacityプロパティか、background-color: rgba();の透明度を利用する方法などがあります。 しかし、opacityとrgba()は、chromeやfirefox等のブラウザは対応しておりますが、両方共にIE8以下の対応ができておりません。 IE8も対応させる案件では、画像で対応するでも良いですが、できたらCSSで適応させたいです。 IE8とIE9にも透過を対応させる方法
IE6～ でもドロップシャドウ、角丸、透過とか書けちゃう『CSS3 PIE』がけっこう素敵でした。 / Maka-Veli .com
超今さらなヤツらしいですけど、でもこれ、楽チンだなー。 ※2013/2月現在、2.0betaも出ていました。 という事で、このサイトにも一部だけ実装してみました。 微妙に見え方が違う・・・ 使い方 DLした「PIE.htc」というデータをサーバにアップ behavior: url("/PIE.htc"); を、指定したいCSSに記述 ※htcファイルをアップした場所を指定して下さいね div { border-radius:3px; border-shadow:1px 1px 1px #CCC; behavior: url("/PIE.htc"); } ※色に関しては、#CCCCCC 等、16進数で指定して下さい。 black とか、カラーネームはダメらしい。 独自プレフィックスで透過もOK -pie-background: rgba(100,100,100,0.5); というよ
HTML5で組んでるならこの魔法のjsも入れておけっていう話
現在、A!@attripさん発で話題になっている「たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS」という記事。 Webデザイン界隈では当たり前のものですが、実はもうひとつ追加しておくといいかもしれないjsがあったりします。 Photo:html5 By michael pollak IE8以前のブラウザはどうにもこうにも開発者泣かせなわけですが、ie9.jsとcss3-mediaqueries.jsを突っ込むことで、モダンブラウザと同じ挙動にすることができちゃいます。 もう少し具体的に書くと、ie9.jsを組み込むことで、 position:fixed;に対応 max-width、max-heightに対応 属性セレクタ、擬似クラスに対応 margin:0 auto;でのセンタリングに対応 透過PNGに対応 opacityに対応 といったことが可能になります。要はCS
たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE
IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドなどを使えるようにするbehaviorスクリプトを紹介します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IE7/IE8.jsを使って、スタイルシートの標準化
WordPressのプラグインやカスタマイズ情報を中心に紹介 - IMAGINATION DESIGN BLOG