タグ

IE6に関するpatorashのブックマーク (4)

  • [JS]レスポンシブ対応のシンプルながら高性能なすごいナビゲーション! -Resposive Nav

    jQueryなどに依存せず単体で動作し、スクリプトがオフでも機能し、実装も非常にシンプルで、デスクトップやタブレット・スマフォそれぞれで最適な状態で表示し、IE6にさえ対応し、しかも超軽量のスクリプトを紹介します。 シンプルで、セマンティックなマークアップ 1.8KBの超軽量スクリプト 外部ライブラリは不要 CSS3アニメーションを使った美しいエフェクト タッチイベントをサポート クリックとタップの違いを調整 スクリプトがオフでも機能 MITライセンス 対応ブラウザ IE6をはじめ、デスクトップ・タブレット・スマフォの主要なブラウザ全て。 以下は、テスト済みのプラットフォームです。 iOS 4.2.1+ Android 1.6+ Windows Phone 7.5+ Blackberry 7.0+ Blackberry Tablet 2.0+ Kindle 3.3+ Maemo 5.0+

  • Twitter Bootstrapを無理矢理IE6で使う | PRESSMAN*Tech

    未だに、IE6が現役なのはどうしようも無く、嘆いても仕方がありません。 Twitter BootstrapはIE6に対応していません。これを無理矢理対応させます。なんだか後ろ向きな開発ですが、仕方ありません。角を丸くするとか、グラデーションとかCSS3で実装されている部分は諦めます。あと、アイコンは透過pngが使えないので(一応使えるようにはできるのですが面倒)これも諦めます。 IE6でまともに動作しない主な原因はCSSです。CSS3に対応していない云々ではなく、セレクタの問題が大きいです。なので、方法としてはbootstrap.cssのセレクタをIE6でも動くように書き換えればいいのですが、そうすると、問題無く動いていた他のブラウザでもテストが必要ですし、色々現実的ではありません。 なので、bootstrap.cssをコピーしてIE6用を作ります。 そして、以下のようにhtmlを書いてI

    Twitter Bootstrapを無理矢理IE6で使う | PRESSMAN*Tech
    patorash
    patorash 2012/12/05
    やべぇ、泣けてくる…
  • [IE][CSS]IEで透過PNGを扱う為のまとめ | 技術雑記

    透過PNG と IE と IE7 まとめ IE6以前では透過PNG(背景部分が透けてるPNG)の扱いが不適切なままでおかしな画像になります。 IE7ではある程度直ってるみたいですが。 ソレを回避する為のテクニックが色々ネット上に散らばってたので、まとめて見ました。 まぁいまさらな感はありますが、自分がWebサービスの開発中にこの問題に今頃直面したってことで(^^) ポイントはIE6のフィルタ機能のAlphaImageLoaderという機能を使うようです。 IEと透過PNG http://amenti.usamimi.info/ie6png.html こちらは色々なパターンでAlphaImageLoaderの使い方がのってます。 ただソースの書き方に一工夫がいるのでこのサイトの方法だと既存のサイトに適用するのは少々手直しがいるので手間が要りそうです。 ウノウラボ Unoh Labs: IE6

    [IE][CSS]IEで透過PNGを扱う為のまとめ | 技術雑記
  • 鉄王 - IE6で複数のclassを認識できないバグはjQueryで解消

    Twitterでのポストがメインになってしまい、ブログの更新が滞ってしまった今日この頃。久しぶりの投稿がてらtipsを少々。同様の症状を検索してみたけど解決法が見つからなかったので、どなたかの参考になれば。 IE6以下でclassの複数指定でバグがあった - Webコーダーの手帳 http://web-coder.info/2009/04/css-bug-ie6-multi-class-selecter.html class属性の中で、class名を半角スペース区切りで入力してくと複数のclassをその要素へ対して同時に適用できます。 《中略》 CSS側ではセレクタで、半角スペースも空けずに連続してclass名を並べることで、「複数のclassが同時に適用されている場合」の記述ができます。同様にid名とclass名を並べることで「class名が適用されたid名の場合」とかもできます。

  • 1