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]

 

PHP 文字列 == 0 ???

PHPでは、文字列は整数0とイコールなのです。
すなわち、
<?php
echo (0=='string') ? 'まさか' : 'やっぱり';
?>
↓結果
まさか

言わずもがなですが、、厳密な比較にしましょう(イコール3つ)。
<?php
echo (0==='string') ? 'まさか' : 'やっぱり';
?>
↓結果
やっぱり

— posted by たか at 02:48 pm   pingTrackBack [0]

jQueryのサイズ取得メソッド

jQuery でサイズや位置を取得する方法を図にしてみた - Cyokodog::DiaryLink
やっぱり絵にするとわかりやすいなぁ。

jQuery

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

 

HRタグは厳密な定義がないみたい

なので、ブラウザごとに表示が違っても、文句を言えない。
またIEか…。と言えない。

よって、区切りだよ。って意味で、タグは置いておくんだけど、非表示にして、表示自体は別で。
なにお言ってるのかは、実際のを見て。つまり、ソース嫁。
CSS:
hr {
display: none;
}
div.hr {
border: 1px solid #f00;
}
HTML:
<div class="hr"><hr /></div>

参照元:
nobu's 備忘一覧Link
の一番下の記事。

CSS

— posted by たか at 12:50 pm   pingTrackBack [0]

 

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

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

-ms-interpolation-mode: bicubic;
をスタイル指定するだけ・・・。
なぜ有名じゃないんだろう、コレ。
日本語ページ検索Link なんか、30件しかヒットしなかったよ。

というわけで、テスト。
指定無し双三次補間

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


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

画像 CSS IE

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

T: Y: ALL: Online:
ThemeSwitch
Created in 0.2890 sec.
prev
2024.12
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 30 31        
 
blogBar
Firefox3 Meter