taka.at/blog

[ Tags :: IE ]

エントリー 3 件中 1-3 件を ボックス表示 ⇔ リスト表示

IE6+背景透過PNG+position:absolute+リンク

2009/3/26

IE6+背景透過PNG+position:absolute+リンク = さようなら、IE

さて、背景画像に透過PNGを用い、position:absoluteで絶対座標位置指定をした場合。
ちまたのfixスクリプトを用いると、その中身のリンクが作動しなくなったりする。
そこで、ピンポイント仕様で対応スクリプトを作った。ので、メモ。

$(".ieBackgroundPngFix").each(function(){
  if(jQuery.browser.msie&&jQuery.browser.version<7){
    var $t=jQuery(this);var $c=$t.clone();
    if($t.css("backgroundImage").match(/^url[("']+(.*¥.png)[)"']+$/i)) {
      $t.css({filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+RegExp.$1+",sizingMethod='scale')",background:"none"})
          .html("&nbsp;").after($c.css({background:"none"}));
    }
  }
});

複製して、片方を空にしてフィルタ適用(画像表示用)、片方は背景消してそのまま配置(リンク等を作動させる用)。position:absoluteなので、うまくかさなってくれ～。
…無茶してます（＾＾；

あ、コードはほぼ↓のパクリですよ。でも、あいであはおいらのだお。

アルファ画像を扱うalphafilter.jsライブラリ[to-R]

透過PNG バグ IE6 IE

— posted by たか at 09:41 pm TrackBack [0]

IE7で画像リサイズ時の双三次補間

2009/3/19

カテゴリー » WebTech » おせーてもらた

画像をCSSだけでハイクオリティに縮小サムネイル化する方法:phpspot開発日誌

-ms-interpolation-mode: bicubic;

をスタイル指定するだけ・・・。
なぜ有名じゃないんだろう、コレ。
日本語ページ検索

なんか、30件しかヒットしなかったよ。

というわけで、テスト。


指定無し	双三次補間

追記：IE7で見ないとなんだかわからないな…というわけで、キャプチャ貼っとく。

ふぉくすけたんのよりキレイかも。。

画像 CSS IE

— posted by たか at 12:11 pm TrackBack [0]

続・IEの「White Noise」バグ

2009/2/25

カテゴリー » Programぽいの » html＋

前回の記事で、

真っ黒画素(#000000)が背景色に置き換わる

と書いてしまった。
真っ黒ということで、#000000と思い込んでいたが、ちゃんと調べてみたら、#02050a(RGB(2,5,10))だった。
同画像内には#000100な画素もあり、こちらはそのまま表示されているので、黒ければ透明になる訳でもないらしい。
試しに、#02050aべた塗り画像を作ってフィルタをかけてみた。
結果：画像消滅。
特定の色#02050aだけが反応するのかも。。というわけで、グラデーションをかけて、再度。
結果：やっぱり#02050aだけが消滅！
つまり、#02050aを別の色に置き換えれば解決するかも。
って、そんなことできるんかいな。特にJPG。。

CSS whiteNoise IE bug

— posted by たか at 04:29 pm TrackBack [0]

エントリー 3 件中 1-3 件を ボックス表示 ⇔ リスト表示