IE8アニメーションの、opacityに関する備忘録(Strict)
今回はStrictのケース
■IE8は透過pngにopactyかけると汚くなる。以下の様に回避。
$(function() {
if(navigator.userAgent.indexOf("MSIE") != -1) {
$('img').each(function() {
if($(this).attr('src').indexOf('.png') != -1) {
$(this).css({
'filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + $(this).attr('src') + '", sizingMethod="scale");'
});
}
});
}
});
■IE8はabsolute要素の透過が効かない。<span>等で入れ子にし、外側(absolute)を座標用。内側をopacity用にする。
■IE8はbackground-imageに透過pngを使うとアニメーションが汚くなる。なるべく実体として配置する。
■pngを軽量化すると、opactyで画像が欠けたり、ヘンなシカクが出たりすることがある。
■IE8は透過pngにopactyかけると汚くなる。以下の様に回避。
$(function() {
if(navigator.userAgent.indexOf("MSIE") != -1) {
$('img').each(function() {
if($(this).attr('src').indexOf('.png') != -1) {
$(this).css({
'filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + $(this).attr('src') + '", sizingMethod="scale");'
});
}
});
}
});
■IE8はabsolute要素の透過が効かない。<span>等で入れ子にし、外側(absolute)を座標用。内側をopacity用にする。
■IE8はbackground-imageに透過pngを使うとアニメーションが汚くなる。なるべく実体として配置する。
■pngを軽量化すると、opactyで画像が欠けたり、ヘンなシカクが出たりすることがある。
- 2015.03.12 Thursday
- JavaScript
- 12:06
- -
- -
- -
- by DESIGN PEKE