Прозрачность фона картинки. Работает в Opera, не работает Internet Explorer 6

dima1981 · Отправлено: **12:17, 11-11-2008** | #2

и в ie7, не работает, может скачать его попробывать на майкрософте?

там и 8ie бета, нормальный толькокогда данные в форме хочешь разместить которые скопированны, например то он перезагружается приловчится требуется и только )

хотя и по теме решение есть, кто то да знает, щас подскажут, но думаю зависит от кода, которым размещаешь картинку, показал бы пояснее бы ситуация стала или я опять не о том чем то Voxell, но всей душой за разрешение той ситуации, в которой ты щас находишься

Voxell · Конфигурация компьютера

вот... гляньте скриншоты....

и фрагмент кода

}
//-->
</script>
<body onLoad="MM_preloadImages('Images/buttons/main.gif')" tracingsrc="Images/backgrd.png" tracingopacity="100">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
</tr>
</table>
<a href="index.html" target="_blank" onClick="MM_nbGroup('down','group1','main','',1)" onMouseOver="MM_nbGroup('over','main','','',1)" onMouseOut="MM_nbGroup('out')"><img src="Images/buttons/main.gif" alt="" name="main" width="140" height="30" border="0" onload=""></a><img src="Images/logo.png" width="415" height="143" border="0">
<div align="left"></div>

грю сразу... в коде я не особо волоку... так как сайт делаю в Adobe Dreamweaver CS3

dima1981 · Отправлено: **13:04, 11-11-2008** | #4

В коде могу только порекомендовать перед обратной вставкой в этой строке

Цитата Voxell:

<img src="Images/buttons/main.gif" alt="" name="main" width="140" height="30" border="0" onload=""> »

написать так

HTML код:

<img src="Images/buttons/main.gif" alt="Консалтинговый центр такой то" title="Консалтинговый центр такой то" name="main" width="140" height="30" border="0" onload="">

тогда в большинстве браузеров начнет при навидении курсора на картинку появляться надпись Консалтинговый центр,

но в целом по теме, думаю тут не в браузере исправляется но в ps, но не уверен, что это так,

Пожалуйста подскажите, кто знает в чем тут дело

P.S. Красивые картинки мне понравились )

Voxell · Конфигурация компьютера

Цитата dima1981:

P.S. Красивые картинки мне понравились »

в ручную... в фотошопе... сам то начинающий шопер только...

в довесок скажу... пробовал сохранить логотип в формате GIF c прозрачностью... вот только пиксели крупные... кубики видно...

dima1981 · Отправлено: **13:20, 11-11-2008** | #6

если пеинт готовй результат нормально отображает, то тогда все нормально и ie отобразит, вот все слои задействованны кода и сохранены хоть и в jpg тогда заливается картинка на сервер и порядок, так думаю

да для начинающего здорово у меня есть lite версия но в основном в пеинте, хотя такого в пеинте не сделать

и все таки тут с ps бы поэксперементировать не в браузерах дело, т.е. и в них раз

Цитата Voxell:

в опере, лисичке - все красиво »

но решение думаю придет именно отсюда

Voxell · Конфигурация компьютера

dima1981, я пересохранил лого в Gif и все нормально отбражается. Только качество картинки... того... немного нето.

dima1981 · Отправлено: **13:39, 11-11-2008** | #8

Можно попробывать сначала если сохранить чистую картинку в gif потом, только тут уметь надо я не умею перетащить logo только до сохранения её в gif на этот чистый рисунок и потом сохранять в gif,

на пеинте у меня так получалось сначало сохраняю в gif, потом начинаю рисовать и потом при нажатии ctrl+s сохраняется отлично

Voxell · Конфигурация компьютера

вроде с логотипом понятно... в гифе страничка будет немного легче... логос все го 8кб вышел

буду пробовать щас с кнопками... глядя на мои скриншоты в постах выше каким цветом посоветуете их сделать... в таком же стиле как и логотоип?

Coutty · Конфигурация компьютера

В IE прозрачность PNG не поддерживается напрямую. Если уж очень хочется, то используйте такой метод:

HTML код:

<img src="blank.gif" width="200px" height="200px" style="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo.png', sizingMethod='scale')" />

blank.gif - просто картинка размером 1х1 пкс с прозрачным фоном.
Но это не будет работать в FF и Опере.

Если надо и там, и там

, то можно на JavaScript'е создавать:

HTML код:

<script>
	imgCat = document.createElement('img');
	imgCat.style.position = 'absolute';
	imgCat.style.width = 100; // ширина
	imgCat.style.height = 100; // высота
	imgCat.style.bottom = 10; // отступ (у меня снизу в примере)
	imgCat.style.right = 10; // отступ справа
	if (navigator.appName == 'Microsoft Internet Explorer') // если IE, то грузим бланк.гиф и через фильтр лого.пнг
		{
		imgCat.src = 'images/blank.gif';
		imgCat.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'images/cat.png\', sizingMethod=\'scale\')';
		}
	else // а для FF и Оперы просто картинка
		{
		imgCat.src = 'images/cat.png';
		}
	document.documentElement.lastChild.appendChild(imgCat); // прикрепляем к body
</script>