Forum PHP.pl > Jak zapętlić obrazek w tagu <img>

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Jak zapętlić obrazek w tagu <img>

Forum PHP.pl > Forum > Po stronie przeglądarki

L_Devil

10.05.2007, 16:33:36

Witam!

Pracując nad pewną stroną trafiłem na nieoczekiwany problem - otóż gienialna przeglądarka Microsoftu nie obsługuje przezroczystości w obrazkach typu png. Ponieważ zależy mi na 256 stopniach przezroczystości (a więc znacznie więcej niż posiada gif), zacząłem szukać jakiegoś obejścia... Na pewnym forum znalazłem odpowiedź, że można zastosować behavior w połączeniu z czymś takim:

[HTML] pobierz, plaintext 
<img src="blank.gif" alt="title" style="width: 425px; height: 103px; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./title.png', sizingMethod='scale')" />
[HTML] pobierz, plaintext

I to niby działa... problem nastapił, kiedy musiałem wstawić taki obrazek (niewielki co prawda), który miałby się zapętlać w jednej, pionowej linii od pewnego miejsca do samego dołu strony. I teraz nie wiem jak to osiągnąć (użycie css'owego image-background i background-repeat-y nie wchodzi w grę, bo png'ie natychmiast przestanie być przezroczysty, kiedy się go wpuści w tło)... Czy ktoś mógłby mnie nakierować jak taki problem rozwiązać?

babejsza

10.05.2007, 19:57:22

a po co sobie w ten spsób życie utrudniać? Wystarczy zastosować jeden z wielu png fix'ów np.:

http://www.twinhelix.com/css/iepngfix/

Swoją drogą obrazki umieszczane w znacznikach <img /> służą do prezentacji jakiejś treści, czy to graficznej czy innej. To co Ty chcesz zrobić to użyć obrzka do budowy struktury strony, a do tego służy css.

jaskooo

15.05.2007, 17:10:55

Niestety nie dziala ten skrypcik.
mam zaladowane PNG do tla strony w znaczniku BODY w css-ie i niestety na IE sie sypie

Z drogiej strony dopiero tutaj sie dowiedzialem ze ten ....... IE nie obsluguje podstawowych rzeczy, ktore powinien,

Pozdrawiam

babejsza

15.05.2007, 17:25:41

Działa. Nie wiem czy dla <body /> też (chodź powinien), ale jeżeli nie to zdefiniuj jakiś blok w samym <body /> i jemu przypich "bechavior".

graft

8.11.2007, 18:41:49

W CSS'ie możesz zrobić tak:

[HTML] pobierz, plaintext 
background-image: url(images/obrazek.png) repeat...;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale' src='images/obrazek.png');
[HTML] pobierz, plaintext

2 i 3 linijka są dla IE<7

poszukaj jakie wartości może przyjmować sizingMethod i dostosuj do swoich potrzeb.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.