『【効かない！】DD_belatedPNGで透過pngが透過しない時の対処法』
IE6への透過pngの対処法は色々ありますが、有名かつとても実用的で私もよくお世話になっている「DD_belatedPNG_0.0.8a.js」についての使い方とハマりやすい注意点を挙げたいと思います。 特徴 ダウンロード 使い方 注意点 その他の対処法 特徴 IE6以下に対しても透過pngがちゃんと透過して表示できるようにしてくれるJavascriptです。 また設定がとっても簡単で使いやすいです。そして重要なポイントとして背景画像に「透過png」を指定してもちゃんと透過してくれるという点。さらに、background-positionプロパティにも対応しています。 ダウンロード ダウンロード先は下記から http://www.dillerdesign.com/experiment/DD_belatedPNG/ 使い方 jqueryなどに依存せず単独で動作するので便利です。 内で「DD_
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
たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS – @attrip
開発者泣かせの問題児ブラウザ、Internet Explorerですが、IE5.5、IE6、IE7、IE8をモダンブラウザの挙動にする神JSがGoogle Codeで配布されていました。 とりま、 attripのデザイン崩れはこれで解決できました！ 使い方は簡単！下記のコードを貼り付ければOK！ まじ仏。 「IE9.js」は、IEを普通のモダンブラウザの挙動にするJSです。IE5、IE6でも透過PNGが使えるようになります。 「css3-mediaqueries.js」は、IEでCSS3 Media Queriesを使えるようにするJS。レスポンシブデザインのサイトをIEでも見れるようにします。 ちなみに、border-radiusや、box-shadow はできませんでした。 あと、IEでの見え方をチェックする方法はこちら↓↓ IE9環境でIE6/IE7/IE8/IE9表示する方法(共存
“HasLayout”というInternet Explorer独特の概念を知らないことがレイアウト崩れを引き起こす原因のひとつです | Double Cradle, on Islets of Langerhans
2009年07月18日 土曜日 page-166 (2011年03月“お蔵入り”) 普段WebブラウザにFirefoxを使用しているグースネク・コナーのInternet Explorer使用頻度は、ほとんどありません。 Webページ表示確認、またはIE以外での閲覧が制限されているWebサイトを開きたいときに、Firefox用アドオンであるIE Tabのボタンをポチッと押す程度です。 (IE Tabは、選択したタブをIEのレンダリングエンジンを使ってFirefoxに表示します。) Webサイトのレイアウト変更後IEでの表示確認を怠り、後になってIEではレイアウト崩れが生じていることに気付き、さてどうしようかというのが今回のはなしです。 左図がFirefoxでの表示、右図がInternet Explorer 6での表示です。 図中右側の “綾波レイ” が下方に飛び出していることがわかると思いま
ホームページ制作・Webデザイン｜DESIGN Oil｜東京都・千葉県（船橋・津田沼・鎌ヶ谷・習志野）
オリジナルデザインのホームページを スタッフが更新できるホームページ・情報を発信できるホームページ・ブランドイメージを高めるホームページ・サービスを魅力的に表現するホームページ・ イラストをたっぷりと使用したホームページ・写真にこだわったホームページ。企業のホームページも、個人のホームページも、議員のホームページも、そしてブログも。 全てをオリジナルデザインで。 お問い合わせは下記フォームから。お問い合わせお待ちしています。 1：個人情報のご提供は、ユーザーの任意でお願いします DESIGN Oilのウェブサイト（以下、当サイト）において、ユーザー様の氏名、メールアドレス等の個人情報をお伺いすることがあります。このような場合でも、ユーザー様の個人情報をご提供いただくか否かは、ユーザー様ご自身がご判断されるようお願いします。 2：個人情報の利用目的は明確にします 個人情報をご提供いただくにあ
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
IE8でのCSS崩れに悩む。 - Awayannのブログ
とりあえずＷｅｂページをカットオーバーしてみたけれど、IE8での検証が環境上できていなかったので、慌てて調査。 イヤな予感は的中。やっぱり崩れてる(T T;) IE5/6/7、Chrome、Firefox3、iphone用Safariではきちんと出てたのに。 振る舞いが違うのは困るよなあ、ホント。MSのばか〜！せっかくあんたんとこのブラウザに合わせてCSS必死に合わせこんだのに、今度は5/6/7がOKで8がNGって、、、とグチっても仕方ないので対策を調べる。今んとこシェアは20%程度みたいだけど、置き換えで今後シェアは伸びる方向のブラウザだしねえ。 ｢ie8 css 崩れる｣ でググってみると、デザイナーの嘆き、恨み節が出る出る（笑）やっぱり、本職Webデザイナーの方々もこれには悩んだようで。 とりあえずはIE8対応はIE7互換モードで凌げるらしい、ということが判明。head部に以下のメタ
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
CSS/HTMLのテクニックをクロスブラウザ対応（特にIE）にする方法のまとめ
17 CSS/HTML Effects with Cross-Browsing Alternatives サポートしないブラウザへの対応方法はJavaScriptを利用するなどいろいろありますが、その中の一つとして紹介します。 [ad#ad-2] 下記は各ポイントを意訳したものです。 幅の最小値・最大値 (IE included) RGBa (IE included) 不透明度 (IE included) 画像の回転・拡大縮小 (IE included) 背景をブラウザいっぱいに表示 (IE included) 画像無しのビュレット テキストのシャドウ (IE included) 複数のボーダー (IE included) ボックスシャドウ (IE included) 角丸 スクリーンリーダー用のコンテンツ ネガティブ値で指定したtext-indent Clearfix (IE inclu
DOCTYPE宣言がないとIE7でも表示は古いまま [ホームページ作成] All About
DOCTYPE宣言がないとIE7でも表示は古いままHTMLの先頭にDOCTYPE宣言がありますか？ ないと、Internet Explorerでスタイルシートを活用できません。最新のIE7でもこの宣言がなければ以前と同じ表示になってしまいます。 HTMLの先頭に「DOCTYPE宣言」を記述していますか？ DOCTYPE宣言を省略していると、せっかく最新のInternet Explorer 7で閲覧しても、従来の古いブラウザと同じ表示になってしまいます。 ブラウザには「標準モード」と「互換モード」の2種類の描画モードがある 代表的なブラウザの最新版には、描画モードとして、「標準モード」と「互換モード」という2つのモードが用意されています。 この違いは、次の通りです。 「標準モード」 ： できるだけ文法を正しく解釈して表示します。文法ミスがあれば、その記述は無視します。 「互換モード」 ： 古
![DOCTYPE宣言がないとIE7でも表示は古いまま [ホームページ作成] 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)
CSS：初心者の頃にハマったスタイルシートのあれこれ … IE7多め
CSS、スタイルシート。初心者のころには CSS のスタイルがうまくいかなくて、半日や丸一日悩んだこともいっぱいありました。最近では、やっとひと通り覚えて、思うようにできるようになったかなーという感じです。今回は初心者だったころ、ちょっと悩んだことなどをいくつかまとめてみました。 Webサイトの見た目をデザインしていくのに欠かせない CSS。度々これってどうやるんだろうとか、どうしてこうなっちゃうの？というものに遭遇します。また、今までは IE6 をターゲットに含めてましたけど、そろそろ IE7 からをターゲットにすればいいのかなーと思うこともあって、過去のスタイルシートの書き方の習慣を変えようかなとも思っています。 スタイルシートを書いていて、今まで遭遇した不具合やその回避方法、また今まではこうしてたけど、これからは変わるかもしれないなーといものをまとめてみました。もうそんなことしてない
IE PNG Fix の使い方
今回はIE PNG Fixを使ってみたので、使い方をついでにメモしておきました。ちなみにIE PNG Fix 2が去年登場してるみたいなので、ここではIE PNG Fix 2の使い方を紹介します。 IE6 透過PNG表示、IE PNG Fix 2登場 | エンタープライズ | マイコミジャーナル ダウンロード Beta Testing Areaにアクセスして、IEPNGFix v2.0 Alphaをクリックしてダウンロードします。 ファイルを組み込む ダウンロードしたファイルを解凍したらiepngfix.htc、blank.gif、iepngfix_tilebg.jsの3つのファイルを任意のフォルダにコピーします。 そして、CSS内に以下のように記述してiepngfix.htcを読み込ませます。太字のところは自分の環境に合わせて書き換えてください。
【使用例】IE PNG Fix 2.0 Alpha 2
下準備 http://www.twinhelix.com/css/iepngfix/ から IE PNG Fix 2.0 Alpha 2 をダウンロードします。 CSSファイルに以下の１行を入れておきます（htcへのパスは、CSSではなくHTMLからのパスである点に注意） img, div, input { behavior: url("iepngfix.htc") } 以上！ ※背景画像にPNGを使い、それをリピートさせたい時は、JavaScriptファイル「iepngfix_tilebg.js」を<head>内に読み込んでください。 <script language="JavaScript" type="text/javascript" src="iepngfix_tilebg.js"></script> The standard Lorem Ipsum passage, used s
IE PNG Fix - TwinHelix
IE PNG Fix 2.0 Alpha 4 This script adds near-native PNG support with alpha opacity to IE 5.5 and 6. Now you can have full translucency and no more ugly grey borders! Full CSS background positioning and repeat are supporting (including CSS sprites). It requires only one line in your CSS file, and no changes to your website HTML. <IMG> tags and background images are both supported. Script License Ag
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IEでpngを使った際に起きる不具合を防ぐプラグイン
AdSense (日本語) - Google グループ
IE と Google Map – 道道つれづれ線
Googleの貼り付けマップがIEで表示できない？ | ZAKI-LABO
IE6で透過pngを表示する
IE6で透過pngを表示する