Меню
Что нового?

Прозрачная картинка

nehochyy

Новичок
Прозрачная картинка

Извините, что на этом форуме спрашиваю, но мне искать и регится в других времени нет.

Делаю верстку, есть основной фон. Мне нужно сделать картинку белого цвета и прозрачную.

Я в фотошопе я выставляю прозрачность слоя, но при сохранении в GIF она не прозрачная, в png 24 - вроде прозрачная, но когда в браузере открываю там она не прозрачная.

Как сделать, что бы из двух фонов сделать что бы указать какой должен быть сверху?
 

chisto_tolyan

Враг народа
Я в фотошопе я выставляю прозрачность слоя, но при сохранении в GIF она не прозрачная
Нажмите для раскрытия...
а ты казал фотошопу, что картинка прозрачная, когда сохранял?

Как сделать, что бы из двух фонов сделать что бы указать какой должен быть сверху?
Нажмите для раскрытия...
несовсем понятное изречение...если нужно одну картинку на другую наложить - слои и z-index;
 

nehochyy

Новичок
chisto_tolyan
Сохраняю как для веба, там стоит уже галочка на прозрачности. Если ее убрать то фон под картинкой появляется.

Слои и z-index - можно их использовать в таблице, т.е.
для <tr style="z-index:1; background-image:url(1.gif);">
 

chisto_tolyan

Враг народа
nehochyy
Код: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<HTML>
  <HEAD>
    <TITLE>Z-order positioning</TITLE>
    <STYLE type="text/css">
      .pile { 
        position: absolute; 
        left: 2in; 
        top: 2in; 
        width: 3in; 
        height: 3in; 
      }
    </STYLE>
  </HEAD>
  <BODY>
    <P>
      <IMG id="image" class="pile" 
           src="butterfly.png" alt="A butterfly image"
           style="z-index: 1">

    <DIV id="text1" class="pile" 
         style="z-index: 3">
      This text will overlay the butterfly image.
    </DIV>

    <DIV id="text2">
      This text will be beneath everything.
    </DIV>

    <DIV id="text3" class="pile" 
         style="z-index: 2">
      This text will underlay text1, but overlay the butterfly image
    </DIV>
  </BODY>
</HTML>
прымер из мануала
 

nehochyy

Новичок
chisto_tolyan

Спасибо.

Я вот еще нарыл
http://designforum.ru/lofiversion/index.php/t11362.html, это explorer виноват, вроде как с 7й версии будет все нормально.
 

Sizz

Новичок
прозрачность png24 в IE6 поддерживатеся криво

лечится так:
PHP: 
<div style="width:813px; height:519px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img.png');">
<img  style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" src="/img.png" width="813" height="519" border="0" alt="">
</div>
а в gif прозрачность должна нормально работать, или ты сохранял криво. но там не поддерживается частичная прозрачность, возможно поэтому не получается то что ты хочешь.
 
Войдите или зарегистрируйтесь для ответа.
Сверху