|
Сообщение от Serg_pnz
|
|
и когда png беграундом и позиция absolute? ИЕ (браузеры) показывают мне что ничего не решено((
|
хм... понятно... я думал вы про это говорите:
<!DOCTYPE html>
<html>
<head>
<title>...</title>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
</head>
<body style="background-image: url('http://sites.google.com/site/jaimemontoya/Sample07.jpg');">
<button onclick="jQuery('div.block').fadeOut(1000);">fadeOut</button>
<button onclick="jQuery('div.block').fadeIn(1000);">fadeIn</button>
<div class="block">
<div style="background-image: url('http://nc-handyman.com/images/bird-forward-back.png'); width: 540px; height: 246px;"></div>
<img src="http://nc-handyman.com/images/bird-forward-back.png" width="540" height="246" alt="" />
</div>
<script type="text/javascript">
if ( !jQuery.support.opacity ) {
// Сохраним оригинальный метод
jQuery.cssHooks.opacity.originalSet = jQuery.cssHooks.opacity.set;
// Меняем на свой собственный
jQuery.cssHooks.opacity.set = function( elem, value ) {
var rAlphaLoader = /(^|\s).*AlphaImageLoader\([^)]*\)/i,
elems = jQuery( elem ).children();
elems[ elems.length++ ] = elem;
elems.each(function(){
var s = null,
currentStyle = this.currentStyle,
bgImg = currentStyle && currentStyle.backgroundImage || this.style.backgroundImage || "",
filter = currentStyle && currentStyle.filter || this.style.filter || "";
// подготавоиваем все PNG для дальнейшей работы.
if ( this.nodeName === "IMG" && /\.png$/i.test( this.src ) ) {
// подготавливаем тег IMG
s = this.src;
// для ИЕ < 8 нужно указать путь к файлу blank.gif
this.src = "data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==";
} else if ( bgImg && bgImg !== 'none' && ( s = bgImg.match( /^url[("']+(.*\.png)[)"']+$/i ) ) ) {
// подготавливаем другие теги если у них есть фон в виде PNG рисунка
s = s[ 1 ];
this.style.backgroundImage = 'none';
}
if ( s ) {
s = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + s + "', sizingMethod='scale')";
this.style.filter = rAlphaLoader.test( filter ) ? filter.replace( rAlphaLoader, " " + s ) : filter + " " + s;
}
});
// Вызываем дефолтный метод
jQuery.cssHooks.opacity.originalSet.apply( this, arguments );
}
}
</script>
</body>
</html>
