[ Tags :: IE6 ]

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

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


さて、背景画像に透過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]Link

透過PNG バグ IE6 IE

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

短ーいjavascriptでブラウザ判別

[JS]わずか「12文字」でIEを判別するスクリプト | コリスLink

IE='¥v'=='v'

ふむふむ。じゃあ、こんなものLink を。

#記事内にJavaScript書いてもエスケープされちゃうからダメじゃんー

--
以下、追記

判別結果。すべてWindowsXP環境。
◎IE6
'¥v' = 118
'v' = 118
よって、ブラウザはie
◎IE7(IE Tester)
'¥v' = 118
'v' = 118
よって、ブラウザはie
◎Internet Explorer 8 Release Candidate 1 for Windows XP
'¥v' = 118
'v' = 118
よって、ブラウザはie
◎ふぉくすけ
'¥v' = 11
'v' = 118
よって、ブラウザはff
◎ちょろめ
'¥v' = 11
'v' = 118
よって、ブラウザはff
◎さふぁーり
'¥v' = 11
'v' = 118
よって、ブラウザはff

FFの判別、できませーん。

JavaScript IE6 さふぁーり safari ちょろめ chrome ふぉくすけ firefox ff ie8 ie7 google

— posted by たか at 11:17 am   pingTrackBack [0]

T: Y: ALL: Online:
ThemeSwitch
Created in 0.1164 sec.
prev
2024.2
next
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29    
 
blogBar
Firefox3 Meter