« iPhone Safari での jQuery .live() | ホーム
2013年2月21日
ie8、filterをかけた子要素の:hoverでのbackground-position
ひさびさ発見。
【現象】
ie8で発生。ie7は平気。
親要素にfilterで
*/filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#33000000,Positive=true);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#33000000,Positive=true)";
とかやっておく。
子要素のaを
background-position:left top;
a:hoverを
background-position:left bottom;
にした場合、
あんまりうまいことhoverが動かない。（ドラッグしたりすると動くけど、まぁ動かないとして）
【原因】
親要素のfilter imageTransformが子要素にへんな感じで引き継がれているっぽい。
aはOKで、a:hoverがNGなのでバグでしょ。
【回避方法】
aに
filter:none;
で回避。
以上！
トラックバック(0)
トラックバックURL: https://www.y-is.jp/mtadmin/mt-tb.cgi/53
コメントする