もうCSSハックは必要なし!? ブラウザ毎にCSSを切り替える「cssuseragent」 | Web活メモ帳
CSSでページをデザインする際に、ブラウザ毎のレイアウトの違いって本当に嫌ですよね。 CSSハックで対応する方も多いかと思いますが、本日紹介する「cssuseragent」を使うとclassの作り方を少し工夫するだけでより柔軟に対応できるようになります。 詳しくは以下 設定方法はJavaScriptを一つ読み込むだけになります。 <script src="cssua.min.js" type="text/javascript"></script> このライブラリを使うと、ページのhtml属性に動的にclass属性を追加するようになります。 例えばですが、IE6でアクセスした場合には ua-ie-6というclass名が追加されるようになります。 <html class="ua-ie-6"> <head>…</head> <body>…</body> </html> iPhoneの場合はua-
Internet Explorer
Internet ExplorerCss, UA, Style sheets y Marketing ¿Buscas una escapada de fin de semana desde Barcelona? La ciudad condal está rodeada de tesoros ocultos que ofrecen una escapada perfecta para un par de días. Desde encantadores pueblos medievales hasta impresionantes parajes naturales, estos destinos cercanos a Barcelona te sorprenderán con su belleza y encanto. A continuación, te …
DD_belatedPNG: Medicine for your IE6/PNG headache!
Long story short, this uses Microsoft's implementation of VML instead of Microsoft's AlphaImageLoader filter. I stumbled upon the notion that PNG images show up correctly in a VML fill element while working on DD_roundies. Thereafter, some Googling revealed that a few people had already known about this. The intended implementation is pretty easy: Download a copy of the DD_belatedPNG Javascript fi
IEでもCSS3 その１（ie-css3）
この記事は1年以上前の記事のため、内容が古い可能性があります。 CSS3では、ブロックの角丸やグラデーション、ドロップシャドウなど非常に便利なスタイルがあるのですが、残念なことにIEでは対応しておりません。 しかし、IEでもそれらのスタイルを使用できるプログラムがいくつか存在しています。 「ie-css3」を利用する方法。（参考サイト：コリスさんのサイト） 「ie-css3」でできるCSS3機能は以下のとおりです。 border-radius：角丸 box-shadow：ドロップシャドウ text-shadow：テキストシャドウ 手順 １．まずはこちらのサイトから「ie-css3」をダウンロードしてください。 ２．次にスタイルにて、角丸・ドロップシャドウ・テキストシャドウの設定を行います。 .box{ padding:10px; background-color:#FFFFFF; /*角丸
CSS3 Solutions for Internet Explorer — Smashing Magazine
CSS3 is probably the hottest trend in web design right now, allowing developers the opportunity to implement a number of solutions into their projects with some very straightforward CSS while avoiding having to resort to nonsemantic markup, extra images, and complex JavaScript. Unfortunately, it’s not a surprise that Internet Explorer, even in its most recent version, still does not support the ma
IE6 position:fixed の諸問題を解決する jQuery.exFixed.js - Cyokodog :: Diary
最近の更新履歴 2011-12-07 Ver 1.3.2 リリース jQuery 1.7.1に対応しました。 2010-12-27 Ver 1.3.1 リリース fixed 要素がブラウザ表示エリアから隠れ１度非表示状態になると、ウィンドウをリサイズし表示エリア内におさめても非表示状態が続いてしまう不具合を修正しました。 2010-11-14 Ver 1.3.0 リリースしました。exAPI ベースの実装に変更しました。サイズに auto を指定できるように変更しました。 2009-12-08 Ver 1.2.2 リリースしました。IE6 にて fixed 対象要素を非表示にしても表示されてしまう不具合を修正しました。Ver 1.2.1 でサイズを明示せずプラグインを実行すると fixed されない不具合を修正しました。 more jQuery exFixed を使用すると、IE6 で p
IE6でも背景やらimgで透過PNG画像を使えるようにする。 - Webデザイナーの為の情報Blog「CSSMAKER」
PNGとは？ 画像にはビットマップ、JPEG、GIF、PNGとフォーマットがいくつかあります。 その中でPNGはJPEG、GIFに代わってウェブ上で使われる事を目的として開発された画像フォーマットです。 PNGはかつてGIFで特許問題が起こった際に、GIF形式のフリーな代替フォーマットとして開発されました。 その為GIFによく似てます。 以下にJPEG、GIF、PNGを特徴分けにしてみました。 写真や、写真的なグラデの多い画像の圧縮はJPEGに分があります。PNGだとファイル容量がおおきくなりがち。 GIFとPNGは似ているがPNGはアニメーションが出来ない。 GIF、PNG共に透過画像をつくる事が出来るが、PNGのみアルファチャンネルをつかって半透明の画像をつくる事が出来る。 PNGを上手に使うと文字以外の部分が綺麗に透過しているロゴ画像や、半透明で背景をすかしたコンテンツ背景など
IE6、7でも動いてくれる&実用性の高そうなjQueryプラグイン30個まとめ - かちびと.net
使いやすそうなjqueryプラグイン をまとめました。最低でもIE6,7でも 動いてくれる事を前提にしています。 他サイトでよく見かけるプラグインで、 個人的に実用性のあるプラグインと 思ったものをまとめます。 IE6、7でも動いてくれて、実用性のあるjQueryいろいろ。確認したブラウザはIE6,7とChromeです。他は大抵動くんじゃないかな（適当）。 デモで画像が透過されていないのもありますが、他のjsライブラリでIE6でも透過可能（DD_belatedPNG.jsとか）なのでそこは抜きにして動作する事を条件に挙げています。主観入ってるので参考程度に・・ Horizontal Subnav マウスオーバーでサブメニューがプルダウンするcssメニューです。サブメニューは横に広がってくれます。 Horizontal Subnav Simple jQuery tabs コンテンツをタブで切
jquery.pngFix.js - PNG 透過ライブラリ Windows IE 5.5 & 6 (IE PNG Fix)
jquery.pngFix.js - PNG transparency for Windows IE 5.5 & 6 (IE PNG Fix)This plugin will fix the missing PNG-Transparency in Windows Internet Explorer 5.5 & 6. Features unobtrusive script, simple to setup works now also with CSS-Backgrounds (but scaling backgrounds) works with PNG-Images within Links TITLE, ALT, CLASS and STYLE-Attributes are considered This page uses jQuery Version Version
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS3をIEの独自拡張で再現する【その2】
HugeDomains.com