Перейти к содержимому

Реферальная программа Мегаплана

Выбрать шаблон и создать сайт

Прозрачность в PNG

#1 surfer

surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71
0

Отправлено 26 Февраль 2010 - 13:58

скрипт живет тут скачать
поддерживает как картинки, так и фоновые изображения, а так же background-position и background-repeat
подключение

<!--[if IE 6]><script type="text/javascript" src="dd_belatedpng_0.0.8a.js"></script>
<script type="text/javascript">
//применение к классам (можно писать и ID и незвание элемента) png фикса.
DD_belatedPNG.fix('.divan div, img, #lustra, .window');
//Такая запись применит pngfix к элементу div в классе .divan, всем изображениям в теге <img>,
//элементам с ID = 'lustra', и элементам с class="window"
</script>
<![endif]-->

не работает с тегами body и tr и td :)

 

 

  • 0

#2 eyexal

eyexal
  • Пользователь
  • 29 сообщений
  • Репутация: 0

Отправлено 26 Февраль 2010 - 14:59

supersleight

<!--[if lte IE 6]>
<script type="text/javascript" src="supersleight-min.js"></script>
<![endif]-->
подключается просто в хидер, обрабатывает все png картинки на странице через AlphaImageLoader !
поддерживает размножающиеся фоны !

Скачать (1.4 кб)
  • 0

#3 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 27 Февраль 2010 - 13:41

Использую CSS(expression) + transparent.gif

Суть фикса в том, что он проходит по всем PNG-картинкам и назначает им в качестве картинки для Alpha-канала прозрачную GIF-картинку с различными значениями фильтров.

Есть один очень большой минус:

Не умеет заменять картинки в
<input type="image" ... />

  • 0

#4 surfer

surfer
    Topic Starter
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 08 Март 2010 - 20:50

решения с библиотекой JQuery

http://www.campbells.../about/png-fix/
не умеет работать с backgrounds

http://jquery.andrea...hard.de/pngFix/
бывают неожиданности при использовании backgrounds
  • 0

#5 iminfamous

iminfamous
  • Пользователь
  • 2 сообщений
  • Репутация: 0

Отправлено 16 Август 2011 - 15:21

Ребята, только начал разбираться с Веб-программированием. Может кто-нибудь подскажет. Проблема в следующем:
для отображения прозрачных картинок в ИЕ6 использовал fixpng.js, все было хорошо до тех пор пока не сделал меню. В современных браузерах отображается все корректно, а в ИЕ6 добавляет строки. А мне надо, чтобы сайт можно было открыть чем угодно.
Для удобства вот ссылка на страничку с проблемой:
http://www1.bmz.by/product_type1.html







<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru" dir="ltr" >
<head>
<!--[if lt IE 7]>
<script src="js/fixpng.js"></script>
<script>
DD_belatedPNG.fix ('div, img, .png, h2, a');
</script>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>ОАО "Брестмаш" www.bmz.by</title>
<meta name="keywords" content="free templates, website templates, CSS, HTML" />
<meta name="description" content="free website template provided by templatemo.com" />
<link href="css/style_2.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
function clearText(field)
{
	if (field.defaultValue == field.value) field.value = '';
	else if (field.value == '') field.value = field.defaultValue;
}
</script>
</head>
<body>
<div class="cleaner_h30"></div>
<div id="templatemo_container">
<div id="templatemo_site_title_wrapper"> 
    	
  </div> <!-- end of site title -->
  <div class="section_w980">
	<a href="index.html"><img src="images/map.png" alt="image" width="32" height="32" class="fr1_image"  /></a>
	<a href="index.html"><img src="images/feed.png" alt="image" width="32" height="32" class="fr2_image" /></a>
	<a href="index.html"><img src="images/home.png" alt="image" width="32" height="32" class="fr_image" /></a>
	</div>
	<div class="section_w980">
	<div id="up_menu">
      	<ul>
			<li></li>
			<li><a href="#">О компании</a></li>
			<li><a href="product_type1.html" target="_parent">Продукция</a></li>
			<li><a href="http://www.templatemo.com" target="_parent">Новости</a></li>
			<li><a href="http://www.koflash.com" target="_parent" class="last">Контакты</a></li>
		</ul>
	  </div>
	</div>
	 
	<div id="templatemo_content">
	<div class="cleaner_h20"></div>
		 <div class="section_w640 fr">
			 <h2>Lorem ipsum dolor sit amet</h2>
			  <p>Наработанный опыт и технический потенциал позволяют производить оборудование высокого качества для мясоперерабатывающей и пищево.</p>
		       <div class="cleaner"></div>
			  <div class="product_cart">
	       	   <div class="cart_title">  Пила дисковая <br>ПД<br /></div>
			   <div class="cart_pict"><img src="images/3_ico.png" width="66" height="97" align="top" /></div>
			  </div> 
		 </div>
		 
		   <ul class="lft_menu">
		<li class="current"><a href="services.html">Переработка мяса</a></li>
		<li class="all"><a href="services.html">Переработка молока</a></li>
		 <li class="all"><a href="services.html">Торговое об-ние и ТНП</a></li>
		 <li class="all"><a href="services.html">Другое ...</a></li>
	  </ul> 
       </div>
			 
	 <div class="cleaner_h60"></div>		  
	 <div class="cleaner_h60"></div>			 
	<div id="templatemo_footer">
		
		<ul class="footer_menu">
			<li><a href="#">Домашняя</a></li>
			<li><a href="#">О компании</a></li>
			<li><a href="#">Продукция</a></li>
			<li><a href="#">Новости</a></li>
			<li class="last_menu"><a href="#">Контакты</a></li>
		</ul>

		© 2011 <a href="#">ОАО "Брестмаш"</a> | 
		Разработано <a mailto="sergeysugak@gmail.com" target="_parent">Sergey Sugak</a> 
   
  </div> <!-- end of footer -->

</div> <!-- end of container -->

</body>
</html>


css этого меню
ul.lft_menu{
    width:220px;
    padding:0px;
    margin:0px;
    list-style:none;
    font-family: Tahoma, Geneva, sans-serif;
    font-style:normal;
    font-size: 16px;
	text-indent:14px;
}
ul.lft_menu li{
margin:0px;
list-style:none;
}
ul.lft_menu li.all a{
width:220px;
height:43px;
margin:0px;
display:block;
background: url(../images/right_menu.png) center no-repeat;    
text-decoration:none;
line-height:43px;
color: #c5c3c2;
}
ul.lft_menu li.current a{
width:220px;
margin:0px;
height:43px;
display:block;
background: url(../images/right_menu_current.png) no-repeat;
text-decoration:none;color: #FFF; line-height:43px; 
}
ul.lft_menu li.current a:hover, ul.left_menu li.odd a:hover{
background: url(../images/right_menu_current.png) no-repeat;color: #FFF;
margin:0px;
}

  • 0

#6 xweb

xweb
  • Пользователь
  • 28 сообщений
  • Репутация: 0

Отправлено 16 Август 2011 - 22:46

какой смысл поддерживать браузер ie6? я уже давно забил на него. Даже если и будут посетители просматривать сайт в браузере ie6 - то имхо они не станут клиентами. А следовательно и фиг с ними - семеро одного не ждут. Лучше усилия прилагать на действительно полезные вещи.
  • 0

#7 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 17 Август 2011 - 08:15

Ребята, только начал разбираться с Веб-программированием. Может кто-нибудь подскажет. Проблема в следующем:
для отображения прозрачных картинок в ИЕ6 использовал fixpng.js, все было хорошо до тех пор пока не сделал меню. В современных браузерах отображается все корректно, а в ИЕ6 добавляет строки. А мне надо, чтобы сайт можно было открыть чем угодно.
Для удобства вот ссылка на страничку с проблемой:
http://www1.bmz.by/product_type1.html

Ваша менюшка кодируется, примерно, так:
html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru" dir="ltr" >
<head>
<title>ОАО "Брестмаш" www.bmz.by</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="keywords" content="free templates, website templates, CSS, HTML" />
<meta name="description" content="free website template provided by templatemo.com" />
<link href="css/style_2.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
<script src="js/fixpng.js"></script>
<script>
DD_belatedPNG.fix ('.lft_menu a');
</script>
<![endif]-->
</head>
<body>
<ul class="lft_menu">
<li><a href="services.html" class="current">Переработка мяса</a></li>
<li><a href="services.html" class="all">Переработка молока</a></li>
<li><a href="services.html" class="all">Торговое об-ние и ТНП</a></li>
<li><a href="services.html" class="all">Другое ...</a></li>
</ul>
</body>
</html>
css
ul.lft_menu{
	padding: 0px;
	margin: 0px;
	list-style:none;
}
.lft_menu li{
	padding: 0px;
	margin: 0px;
	width: 220px;
	height: 43px;
}
.lft_menu a{
	padding: 0px;
	margin: 0px;
	display: block;
	height: 43px;
	text-indent: 14px;
	font: 16px/43px Tahoma, Geneva, sans-serif;
	text-decoration:none;
}
.lft_menu a.all{
	color: #c5c3c2;
	background: url(../images/right_menu.png) no-repeat;
}
.lft_menu a.all:hover{
	color: #fff;
	background: url(../images/right_menu_current.png) no-repeat;
}
.lft_menu a.current{
	color: #fff;
	background: url(../images/right_menu_current.png) no-repeat;
}

  • 0

#8 iminfamous

iminfamous
  • Пользователь
  • 2 сообщений
  • Репутация: 0

Отправлено 17 Август 2011 - 08:28

Круто, все работает, как хотел. Спасибо большое!
  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru