Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Использование файлов PNG на страницах.

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2

Открыть новую тему     Написать ответ в эту тему

Break_Action



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Много Уважаемые Сетяне!
 
Подскажите, возможно ли использовать прозрачный png-файл, как задний фон, но с применением xHTML и CSS 2.0.
 
Заранее благодарен за помощь.

Всего записей: 296 | Зарегистр. 12-09-2001 | Отправлено: 04:13 18-02-2005
Anton_Y



Full Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Break_Action
а попробовать?
 
<style type="text/css">
<!--
body {
background-image: url('file.png');
}
-->
</style>
 
или я чегото не понял?

Всего записей: 582 | Зарегистр. 04-09-2002 | Отправлено: 08:25 18-02-2005 | Исправлено: Anton_Y, 08:30 18-02-2005
Break_Action



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Anton_Y
Спасибо, конечно, но я же вроде ясно написал png файл, прозрачный, то есть транспарентный и чтобы в Internet Explorer'е работал.
 
Добавлено:
.class {
    background: url(image.png) repeat-y center top;
    // background: none;
    // filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png',sizingMethod='scale');
 
Вот пример работы с прозрачными png файлами применяемыми на бэкгроунде, работает и в Internet Exprorer'е и в остальных броузерах, секрет в том, что Opera и Mozilla комментарии только прочтут, а Internet Explorer их ещё и выполнит. Комментарии дают нам возможность разделить код для Geсko и не Geсko браузеров. В первом случае фоном станет наш файл.png, во тором случае фона не будет, плюс выполнится фильтр для Internet Exprorer'а.

Всего записей: 296 | Зарегистр. 12-09-2001 | Отправлено: 12:24 18-02-2005
zenia



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
А как сделать чтоб в IE ссылка, оставвалась ссылкой, когда  
в бекграунде прозрачный Png лежит
 
Вот стиль:
 
.menuBg2 {
background:url(i/blick-menu.png) 0 0 no-repeat;
//background-image:none;
//filter:    progid:DXImageTransform.Microsoft.AlphaImageLoader(src="i/blick-menu.png",sizingMethod="crop");
height:61px;
}
 
И если писать в хтмл
 
<div class="menuBg2"><a href="">Company</a></div>
 
то в IE нельзя нажать по ссылке.
 
Или даже если делаешь  
<div class="menuBg2"><a href=""><img src="i/1x1.gif" width="200" height="61" alt="" title=""></a></div>,
 
где 1x1.gif однопиксельный прозрачный gif.
 

Всего записей: 151 | Зарегистр. 17-01-2003 | Отправлено: 12:40 20-02-2006
Nafiganado



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Почему AlphaImageLoader не работает на локально запускаемых файлах, а лишь при закачке на сервер?

Всего записей: 699 | Зарегистр. 24-09-2003 | Отправлено: 12:59 29-05-2006
AlieN



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
После того как делаю из PSD фон, его даже Mozilla как прозрачный не воспринимает

Всего записей: 41 | Зарегистр. 13-02-2002 | Отправлено: 00:46 22-10-2006
One_and_only



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Svarga
Спасибо за скрипт! Огромное! )

Всего записей: 205 | Зарегистр. 08-08-2008 | Отправлено: 00:13 12-09-2008 | Исправлено: One_and_only, 16:00 14-09-2008
One_and_only



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Svarga
Скажите а как можно с помощью этого скрипта на бекграунде сделать пнг?

Всего записей: 205 | Зарегистр. 08-08-2008 | Отправлено: 04:34 17-09-2008
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ie_png_fix.css  

Код:
 
* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

подключение

Код:
<!--[if lte IE 6]>
<link rel='stylesheet' type='text/css' href='ie_png_fix.css' />
<![endif]-->


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 18:53 02-04-2009 | Исправлено: Cheery, 19:37 02-04-2009
blagyk

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Всем привет. А как можно все это написать в файл стилей CSS чтоб  все  работало номрально

Всего записей: 3 | Зарегистр. 27-07-2009 | Отправлено: 15:54 28-07-2009
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
blagyk
а чем пример выше вас не устраивает?

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 17:13 28-07-2009
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2

Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Использование файлов PNG на страницах.


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru