Полупрозрачный png в bg

12
Varkolak
На сайте с 03.06.2005
Offline
174
1300

Нужно в бекграунд запихать полупрозрачный png файл (повторять по горизонтали, изображение градиент (сверху вниз) от темного цвета к прозрачности), нашел 2 способа в сети (их больше конечно же, но у всех результат одинаков, нашел только 2 разных результата).

1. Способ Посмотреть здесь, он действует следующим образом, он просто берет и растягивает png изображение в зависимости от размеров, допустим, блока.

2. Способ Посмотреть здесь, уже не растягивает (позволяет нормально отображать изображение в bg - и то хорошо), но не позволяет применить свойство repeat к background.

1/й способ вообще ни как нельзя применить к моему, а вот 2/й можно, надо как то заставить его повторяться, но дело в том что в сети один раз встретил утверждение, что в 6 осле нельзя такое реализовать, ни каким способом, может утверждение ошибочно?

Форумчане подскажите как решить траблу? Или подскажите другое решение, как можно сделать полупрозрачный бекграунд (повторяющийся).

html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com
Николай В.
На сайте с 07.09.2006
Offline
62
#1
Varkolak:
Форумчане подскажите как решить траблу?

Никак. :(

Чтобы вникнуть в суть проблемы, читайте MSDN.

Хотя… если у вас обычный градиент, т.е. полоска в несколько пикселей шириной, то пусть она тянется("scale") по горизонтали, а высоту блока задайте равной высоте картинки.

Varkolak
На сайте с 03.06.2005
Offline
174
#2

Николай В., нет так не получится, поверх блока накладывается весь сайт, так что по вертикали все тянуться будет.

Ok, теперь буду доказывать заказчику это.

T
На сайте с 23.10.2005
Offline
60
#3

к примеру, IE5.5 прозрачность png совсем не показывает.

Чаще приходится изменить диз. чем приспособить все плюшки ко всем браузерам.

Делайте во флэше - он везде показывает любую графику как надо.

A
На сайте с 12.04.2007
Offline
9
#4
topol:
к примеру, IE5.5 прозрачность png совсем не показывает.
Чаще приходится изменить диз. чем приспособить все плюшки ко всем браузерам.
Делайте во флэше - он везде показывает любую графику как надо.

Плохой совет. Как потом сайт на флэше оптимизировать?

seo.adman.com: покупка/продажа ссылок, рекламный брокер (http://seo.adman.com) vads.adman.com: свой рекламный брокер за 5 минут (http://vads.adman.com)
Varkolak
На сайте с 03.06.2005
Offline
174
#5

adman, вы не так поняли topol, он имел ввиду что картинки вставлять в виде flash, а не полностью сайт на flash.

T
На сайте с 23.10.2005
Offline
60
#6

Varkolak, вы правы, имел ввиду только графику, по возможности. За ссылки про phg отображение спасибо.

Про оптимизацию флэша на форуме уже были советы, в том числе мои - думается так - если контент для флэша будет весь упакован в xml, то пробла может быть решена. Я 3 года тому назад делал что флэш читал html из той же страницы, но тогда в браузе должен работать JS. Это муторно, но осуществимо. Мало кто делает из-за муторности. Но если графика или интерфейс того стоят - почему-бы и нет.

a.fatman
На сайте с 15.01.2006
Offline
127
#7
topol:
к примеру, IE5.5 прозрачность png совсем не показывает.

Начиная именно с версии 5.5 IE кое-как прозрачность png показывает. Вот IE5.01 -- не показывает.

Yurecm
На сайте с 25.02.2007
Offline
233
#8

Я png следующим образом отображаю, наиболее простой способ


#alfa {
width: 766px;
height: 550px;
background: url(images/sv.png) no-repeat !important;
background: none;
filter: progid : DXImageTransform.Microsoft.AlphaImageLoader(src='images/sv.png', sizingMethod='crop');
}

<div id="alfa">
...
</div>
Varkolak
На сайте с 03.06.2005
Offline
174
#9

Yurecm, этот способ тоже знаю, но мою то задачу это не решает, в этом случае картинка будет тянуться на весь блок - 1 из 2/х. ;)

Николай В.
На сайте с 07.09.2006
Offline
62
#10
Varkolak:
Николай В., нет так не получится, поверх блока накладывается весь сайт, так что по вертикали все тянуться будет.

А что мешает абсолютно спозиционировать такой блок под всем остальным. Т.е. задать ему фиксированную высоту, position и z-index.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий