[goto blog top] [Tips] [Special] [My Profile] [Macolife, The main page before Brog 1997-2006]
entry font size:  
2020 / 10   «« »»
01
T
 
02
F
 
03
S
 
04
S
 
05
M
 
06
T
 
07
W
 
08
T
 
09
F
 
10
S
 
11
S
 
12
M
 
13
T
 
14
W
 
15
T
 
16
F
 
17
S
 
18
S
 
19
M
 
20
T
 
21
W
 
22
T
 
23
F
 
24
S
 
25
S
 
26
M
 
27
T
 
28
W
 
29
T
 
30
F
 
31
S
 
meaning of mark :: nothing , comment , trackback , comment and trackback
Mia and Chihiro
Pickup Photo!
Recent Diary

Recent TrackBack
• dl.exe
  └ はまりゅうのいろいろぐだぐだブログ
         └ at 2011/04/26 14:57
• Applications for SH-03C!?
  └ 必見!時代の流れはここにあリ!
         └ at 2011/02/02 15:35
• drama
  └ ブラッディマンデイ
         └ at 2009/12/24 6:29

Recent Comments
• Re:foobar2000を使ってみる
cookie at 08/11 10:59
Macoteau at 08/12 0:13
• Re:Summing Mixer
ミノやん? at 05/01 1:02
ミノやん? at 05/01 1:03
Macoteau T at 05/01 1:39
ミノやん? at 05/05 17:13
Macoteau T at 05/06 23:26
• Re:METEX M-3870D
BlogPetのasukaka at 10/13 14:27

Pageview Ranking
«« overLIB | main | バブルへGO!! タイムマシンはドラム式 »»
«« カテゴリ内前記事(overLIB) | information | カテゴリ内次記事(Carolとかsnapとか) »»
2007/02/15
overLIB #2
前回,IE6におけるPNG画像のアルファチャンネルでつまずいたという話をしましたが,ブラウザがIE6の時だけ(IE5.5も含む)IE独自のFILTERプロパティ「filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(URL)」を有効に出来るようにすることが出来た。

overLIBのデザインに関する設定はほとんどスタイルシートでするようにしていたので,馬鹿正直にやればブラウザを判別して適用するスタイルシートを選択するようにするJavaScriptを使うべきなんだろうけど,そんな大げさなことをするわけにもいかないので,ちょっと小技で切り抜けてみた。その方法は『スタイルシート例文辞典』で紹介されている「Win IE4~6だけ別のスタイルを適用する」の方法。IE6のバグ(?)をついて,プロパティ名の前に「_」を付加するだけでそのプロパティはIE6だけ有効なものになってしまう,ってやり方。他のブラウザはそのアンダーバーがついているとそのプロパティを無視してしまうので結果としてIE6だけに有効なものになる。ちなみにIE7はアンダーバーがあると無視するようです,実験してみてわかりました。従って前出のFILTERプロパティも「_FILTER」とするだけでIE6専用となってしまう。

ちなみにBackgroundプロパティの指定をIE6には適用させないためにはこんな書き方をするとよいみたい。


実に単純。

もう一つちなみにSleipnir2というブラウザ(ここのアクセスランキングでは結構上位ブラウザ)でもチェックしてみたのだがこのブラウザはIE6のようにアンダーバーを無視してしまうようで結果としてはIE6と同じくなってしまう。もしかしたらIE6をインストールしてあるPCで試したからそうなのかもしれない?

posted at 2007/02/15 2:01:21
lastupdate at 2007/03/06 12:50:07
edit
Trackback URL

クリップボードへコピーする場合は こちらをクリック(Win+IEのみ)

Trackbacks

Comments
Post your Comment
name
mail
home
comment
文字装飾グラデーション絵文字