Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Podobno można wtapiać PNG w IE
Konnekt | Forum > Developerzy > Tworzenie dodatków
KriSLee
Jak wiadomo IE nie obsługuje kanału alpha dla plików PNG (chodzi głównie o wykorzystanie go po to żeby obrazek nie miał poszarpanych krawędzi i wtapiał się płynnie w tło).
Ale z drugiej strony podobno można temu zaradzić w następujący sposób (posłuże się cytatem znalezionym w sieci):
QUOTE
[...]Na szczęście Microsoft wymyślił "nowoczesną technologię", która ma zniwelować tą niedogodność.
W stylu obrazka (<img src="..." alt="..." style="xxx" />) wystarczy (!) wpisać taką komendę:
CODE
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='nazwaobrazka.png', sizingMethod='scale');

W związku z tym mam pytanie do osób, którym udało się to zastosować:

Jak zastosować ten fragment kodu dla stylu rozmowy w Konnekcie, tak żeby wstawić obrazek PNG jako tło dla atrybutu BACKGROUND ?

Z góry dziękuję za odpowiedzi.
riddle
http://support.microsoft.com/default.aspx?...kb;en-us;294714

Oczywiście mam nadzieję, że wiesz, że nie da się robić z tym tłem niczego porządnego przez CSS.
KriSLee
No właśnie nie wiem unsure.gif
A w tym linku co podałeś to jest przecież ten kod co podałem wyżej i też nie jest tam nic napisane, że nie da się w CSS'ie (chyba, że trzeba jeszcze szukać gdzieś w pod-linkach ? )

To może jeszcze bardziej wyłożę kawę/ławę:
Na stronie (dokumencie HTML) wpisałem taki kod (tutaj wycinek):
CODE
<title>[ Tytul dokumentu ]</title>
 <style>
 body{
     background: red url('obrazek.gif') no-repeat fixed right top;
     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='obrazek.png', sizingMethod='crop');
 }
 </style>
</head>
<body>

...czyli STYL CSS wstawiony/utworzony w sekcji nagłówkowej dokumentu <HEAD/>.
Pierwszy obrazek.gif jest gif'em w którym nic nie ma (przezroczysty) tak żeby nie zasłaniał obrazek.png. W każdym razie sprawdziłem i to działa.

Więc uradowany skopiowałem i wkleiłem ten kod do CSS stylu rozmowy:
CODE
body
{
 background: black url('obrazek.gif') no-repeat fixed right top;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='obrazek.png', sizingMethod='crop');
 padding-right: 202px;
 border-left: 1px dashed gray;
}

No i niestety już nie działa (widać tylko czarne tło sad.gif )

Ma ktoś pomysł dlaczego akurat w kIEView nie działa ?

p.s. Więc co masz dokładnie na myśli mówiąc "nie da się robić z tym tłem niczego porządnego przez CSS" unsure.gif
riddle
W kIEvie jest dużo rzeczy wyłączonych / zmienionych. Nie działa zwykłe :hover, tylko jest od tego klasa, nie ma eventów JS (url(javascript:…));
Olórin
Ale po co w body tło z PNG? Przecież akurat tam można zapisać do np. JPG już bez przeźroczystości;)
KriSLee
huh.gif
Ale przecież jak zrobię 'wtapianego' JPG do koloru białego a potem nagle wpadnę na pomysł, żeby zmienić kolor tła na czerwony - to muszę od nowa 'robić' ten JPG wtapiany w kolor czerwony.
Sija
QUOTE(KriSLee @ 22.12.2005 - 02:57)
[...]
Więc uradowany skopiowałem i wkleiłem ten kod do CSS stylu rozmowy:
CODE
body
{
 background: black url('obrazek.gif') no-repeat fixed right top;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='obrazek.png', sizingMethod='crop');
 padding-right: 202px;
 border-left: 1px dashed gray;
}

No i niestety już nie działa (widać tylko czarne tło  sad.gif )

Ma ktoś pomysł dlaczego akurat w kIEView nie działa ?
[...]
*



sprobuj usunac spacje po atrybucie filter (filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='obrazek.png', sizingMethod='crop'))
KriSLee
Niestety to nie pomogło sad.gif
zhvir
Odgrzeję troche temat. Czy jest ktoś kto zdołał uzyskać przezroczyste png w kieview? Bo nawet takie dziadostwo jak aqq ma od jakiegoś czasu przezroczyste png w oknie rozmowy :/ -> Sami zresztą popatrzcie
alienv
sam się z tym męczę, ale bezskutecznie

jak dotąd udało mi się jedynie zrobic preźroczyste tło całego stylu (w body {})
ale tylko tam...

dopisałem :
QUOTE
filter:alpha(opacity=40);
-moz-opacity:.40;
opacity:.40;

i ruszyło
zhvir
Nie tylko w body to działa ale wszędzie, trzeba tylko pamiętać żeby podawać zawsze wyskość elementu:

QUOTE
height: 1em;
filter: Alpha(Opacity=70, Style=0);

a tu jak to wygląda: laguna azzurra (przezroczysta) - jeszcze nie można jej ściągnąć, ale na dniach ją dodam :)
Sija
obsluga przezroczystych png bedzie w IE 7 do ktorego premiery juz wcale nie tak daleko smile.gif
zimaq
Gosh, to działa...!
Tyle, ze faktycznie musi byc ustawiona wysokość elementu ( ale co ma piernik do... zapomniałem, silnik IE smile.gif )
dulek000
Wysokość elementu włącza hasLayout - Riddle się na tym dobrze zna. wink.gif

http://riddle.jogger.pl/id/182654
http://riddle.jogger.pl/id/184008
http://riddle.jogger.pl/id/190395
zhvir
Fajny kurs cssa - między innymi jest tu o filtrach używanych w Internet Explorerze
zimaq
QUOTE
Wysokość elementu włącza hasLayout


No tak, kochany M$ i implikacje hasLayout w IE...
User-friendly, co? wink.gif

Dobrze, że w końcu wiadomo jak używać opacity w kIEview.
btw. to jak, kto chętny do napisania geckoView? smile.gif
Sija
zimaq: jesli pamietasz, to nix popelnil wlasnie taka wtyke, ale ze wzgledow wydajnosciowych nie ujrzala swiatla dziennego.
zimaq
Sija: dopiero teraz jak pogrzebałem nieco, to się o tym dowidziałem ( z wypowiedzi Olórina )...
Skazani na IE, nadzieja w 7ce wink.gif
Dobra, koniec OT
Akira
Znalazłem takie coś na necie http://homepage.ntlworld.com/bobosola/pnghowto.htm i podobno dziala
Livio
Ten skrypt to nic innego jak w inny sposób stosowana sztuczka opisana wyżej...
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.
Invision Power Board © 2001-2012 Invision Power Services, Inc.