X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Прозрачность в PNG, решение
sc2r2bey
sc2r2bey
Topic Starter сообщение 26.2.2010, 14:58; Ответить: sc2r2bey
Сообщение #1


скрипт живет тут скачать
поддерживает как картинки, так и фоновые изображения, а так же 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 :)


--------------------
Заметки о разработке и не только
программирую web и для we
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
eyexal
eyexal
сообщение 26.2.2010, 15:59; Ответить: eyexal
Сообщение #2


supersleight

<!--[if lte IE 6]>
<script type="text/javascript" src="supersleight-min.js"></script>
<![endif]-->

подключается просто в хидер, обрабатывает все png картинки на странице через AlphaImageLoader !
поддерживает размножающиеся фоны !

Скачать (1.4 кб)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 27.2.2010, 14:41; Ответить: ZiTosS
Сообщение #3


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

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

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

Не умеет заменять картинки в
<input type="image" ... />
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sc2r2bey
sc2r2bey
Topic Starter сообщение 8.3.2010, 21:50; Ответить: sc2r2bey
Сообщение #4


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

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

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


--------------------
Заметки о разработке и не только
программирую web и для we
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
iminfamous
iminfamous
сообщение 16.8.2011, 16:21; Ответить: iminfamous
Сообщение #5


Ребята, только начал разбираться с Веб-программированием. Может кто-нибудь подскажет. Проблема в следующем:
для отображения прозрачных картинок в ИЕ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;
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
xweb_mw
xweb_mw
сообщение 16.8.2011, 23:46; Ответить: xweb_mw
Сообщение #6


какой смысл поддерживать браузер ie6? я уже давно забил на него. Даже если и будут посетители просматривать сайт в браузере ie6 - то имхо они не станут клиентами. А следовательно и фиг с ними - семеро одного не ждут. Лучше усилия прилагать на действительно полезные вещи.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 17.8.2011, 9:15; Ответить: yury_mw
Сообщение #7


(iminfamous @ 16.8.2011, 16:21) *
Ребята, только начал разбираться с Веб-программированием. Может кто-нибудь подскажет. Проблема в следующем:
для отображения прозрачных картинок в ИЕ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;
}


Поблагодарили: (1)
Slap
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
iminfamous
iminfamous
сообщение 17.8.2011, 9:28; Ответить: iminfamous
Сообщение #8


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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Прозрачность в выпадающем меню
 0 Шарик 5799 17.11.2012, 18:05
автор: -Шарик-
Открытая тема (нет новых ответов) Сменить прозрачность Onclick
 9 NezzarD_hb 8469 13.10.2012, 22:15
автор: -NezzarD-


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 24.4.2024, 23:17

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet