Компьютерный форум OSzone.net  

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)
-   Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)
-   -   Прозрачность фона картинки. Работает в Opera, не работает Internet Explorer 6 (http://forum.oszone.net/showthread.php?t=122574)

Voxell 11-11-2008 11:55 949352
Прозрачность фона картинки. Работает в Opera, не работает Internet Explorer 6
 
Помогите советом начинающему самоучке. Делаю сайт с помощью Adobe Dreamweaver CS3. Фотошопом сделал логотип с прозрачным фоном. Вкинул на страницу. Проверяю вид в броузере. В Эксплорере - прозрачность не работает. А в опере, лисичке - все красиво. Что не так?

dima1981 11-11-2008 12:17 949370
и в ie7, не работает, может скачать его попробывать на майкрософте?

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

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

Voxell 11-11-2008 12:30 949380
вот... гляньте скриншоты....



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

}
//-->
</script>
<body onLoad="MM_preloadImages('Images/buttons/main.gif')" tracingsrc="Images/backgrd.png" tracingopacity="100">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>&nbsp;</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 11-11-2008 13:04 949410
В коде могу только порекомендовать перед обратной вставкой в этой строке
Цитата:
Цитата 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 11-11-2008 13:09 949418
Цитата:
Цитата dima1981
P.S. Красивые картинки мне понравились »
в ручную... в фотошопе... сам то начинающий шопер только...

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

dima1981 11-11-2008 13:20 949427
если пеинт готовй результат нормально отображает, то тогда все нормально и ie отобразит, вот все слои задействованны кода и сохранены хоть и в jpg тогда заливается картинка на сервер и порядок, так думаю

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

и все таки тут с ps бы поэксперементировать не в браузерах дело, т.е. и в них раз
Цитата:
Цитата Voxell
в опере, лисичке - все красиво »
но решение думаю придет именно отсюда

Voxell 11-11-2008 13:34 949449
dima1981, я пересохранил лого в Gif и все нормально отбражается. Только качество картинки... того... немного нето.

dima1981 11-11-2008 13:39 949453
Можно попробывать сначала если сохранить чистую картинку в gif потом, только тут уметь надо я не умею перетащить logo только до сохранения её в gif на этот чистый рисунок и потом сохранять в gif,

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

Voxell 11-11-2008 13:41 949455
вроде с логотипом понятно... в гифе страничка будет немного легче... логос все го 8кб вышел

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

Coutty 11-11-2008 13:46 949465
В 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>

dima1981 11-11-2008 13:49 949473
да рельефные кнопки в стиле майя или чего то такого с обрамлением буквы или черным или белым первое предпочтительнее на желтом-золотом нормально смотряться это классика хотя абсолютной классики не бывает )


Время: 19:30.

Время: 19:30.
© OSzone.net 2001-