IPB

Welcome Guest ( Log In | Register )

2 Pages V   1 2 >  
Reply to this topicStart new topic
> átlátszó png, brózerfüggetlenítés
toxin
post 2005. Jun 21., 07:48
Post #1


,..,
****

Group: törzstag
Posts: 3130
Joined: 04. August 17.
Member No.: 437



rövid lesz biggrin.gif

http://toxin.hu/tutorial/transp/test.htm

lásd forrása

ahol találtam, hátha érdekel valakit:
http://www.alistapart.com/articles/cssdrop2/

ez a css-el generált, képek alá rakható árnyékokról szól: lásd http://fw4ever.toxin.hu/ a szövegdobozokban a képek alatt

ui: egyébként müxik mindenkinél (IE alatt) ?

jav: és akkor már legyen valami referencia anyag is :

http://search.microsoft.com/search/results...lphaImageLoader

This post has been edited by toxin: 2005. Jun 21., 07:50


--------------------
Bugs, bugs, bugs. If I had them all in jugs,
I'd dig, dig, dig, till a big, big hole was dug, dug, dug, dug,
And that would be the end of the bug song.
I'm gonna dig, dig, dig, dig, dig, dig, dig, dig, dig .....

The Bug Song - Charles Thomas "Stompin' Tom" Connors
Go to the top of the page
 
+Quote Post
Harder
post 2005. Jun 21., 08:07
Post #2


Admin
*****

Group: Admin
Posts: 8049
Joined: 03. March 16.
From: Hungary
Member No.: 2



Thx, úgy látom végül is nagyon hasonló lett az én megoldásom is, nekem ezt sikerült összehozni a minap biggrin.gif (benne van htc-es csak képbeszúráshoz jó megoldás is, azért a 2 kép)

http://www.tutorial.hu/temp/pngopacity/index.html

Azért így már bátrabban tervez az ember mintás hátteret a lap alá smile.gif

Ui.: nálam mükszik szépen IE alatt is a tiéd!


--------------------
Go to the top of the page
 
+Quote Post
toxin
post 2005. Sep 1., 12:24
Post #3


,..,
****

Group: törzstag
Posts: 3130
Joined: 04. August 17.
Member No.: 437



megoldás a transparency+div+linkek rajta nem működnek problémakörre

http://www.satzansatz.de/cssd/tmp/alphatransparency.html

nagyon jó cikkek vannak rajta ezen kívül is ajánlom mindenki figyelmébe


--------------------
Bugs, bugs, bugs. If I had them all in jugs,
I'd dig, dig, dig, till a big, big hole was dug, dug, dug, dug,
And that would be the end of the bug song.
I'm gonna dig, dig, dig, dig, dig, dig, dig, dig, dig .....

The Bug Song - Charles Thomas "Stompin' Tom" Connors
Go to the top of the page
 
+Quote Post
Halfbreed
post 2006. Jan 21., 00:27
Post #4


alias Pyro
***

Group: haladó tag
Posts: 788
Joined: 06. January 10.
From: Miskolc
Member No.: 1792



QUOTE(dzsoco @ 2006. Jan 20., 16:04)
átlátszó gif vagy png (utóbbival gondjai vannak az ie-nek úgyhogy egyenlőre még nem igen alkalmazzák vagy van rá egy javascript amivel lehet ie alatt is)
kikapcsolod a háttér layert aztán mented gifbe vagy save for web és ott gifbe (itt be lehet állítani egy két dolgot vele kapcsolatban)
*



Hali!

Írtad, hogy Javascripttel elérhető a png átlátszóság IE alatt is. Ha le tudnád írni hogyan, nagyon hálás lennék! smile.gif Előre is köszi biggrin.gif
Go to the top of the page
 
+Quote Post
Harder
post 2006. Jan 21., 00:55
Post #5


Admin
*****

Group: Admin
Posts: 8049
Joined: 03. March 16.
From: Hungary
Member No.: 2



Most nincs időm meg energiám leírni lépésenként, de feltöltöttem azt a pár fájlt amin én tesztelgettem ezt a témát, annak a forrását meg tudod nézni - ott van minden.

http://www.tutorial.hu/temp/pngteszt/index1.html
http://www.tutorial.hu/temp/pngteszt/index2.html


--------------------
Go to the top of the page
 
+Quote Post
dzsoco
post 2006. Jan 21., 00:59
Post #6


törzstag
****

Group: törzstag
Posts: 1391
Joined: 04. October 29.
Member No.: 506




Parancsolj
http://homepage.ntlworld.com/bobosola/pngtestfixed.htm
M$ -os
http://msdn.microsoft.com/library/default....ImageLoader.asp
plusz még ez is
http://arcok.ujevangelizacio.hu/bubu/examples/ie-png.html

Szerk. Harder beelőzött smile.gif

This post has been edited by dzsoco: 2006. Jan 21., 01:15
Go to the top of the page
 
+Quote Post
Halfbreed
post 2006. Jan 21., 02:31
Post #7


alias Pyro
***

Group: haladó tag
Posts: 788
Joined: 06. January 10.
From: Miskolc
Member No.: 1792



Köszi a segítséget! biggrin.gif
Go to the top of the page
 
+Quote Post
Harder
post 2006. Aug 26., 16:18
Post #8


Admin
*****

Group: Admin
Posts: 8049
Joined: 03. March 16.
From: Hungary
Member No.: 2



Most megint előkerült a png-s kérdés nálam és ahogy elkezdtem keresni, hogy anno hogy is oldottam meg, több megoldásra is bukkantam. smile.gif Nagyon vegyes már a cucc és vhogy nincs rendben a fejemben, hogy melyik is a legjobb:

1.) a javascriptes verzió:
http://vbence.web.elte.hu/ie_png_alpha.html

2.) Gyuris Gellért htc megoldása
http://arcok.ujevangelizacio.hu/bubu/examples/js/ie-png.htc

3.) Erik Arvidsson htc megoldása
http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html


--------------------
Go to the top of the page
 
+Quote Post
tupacko
post 2006. Aug 26., 16:33
Post #9


WebPillangó
****

Group: törzstag
Posts: 1047
Joined: 06. June 29.
From: Sepsiszentgyörgy
Member No.: 2566



Én a hatrmadikat kipróbáltam, szép és müxik!!!


--------------------
Go to the top of the page
 
+Quote Post
Harder
post 2006. Aug 26., 16:54
Post #10


Admin
*****

Group: Admin
Posts: 8049
Joined: 03. March 16.
From: Hungary
Member No.: 2



Megvan közben asszem nekem is, most kapcsoltam hogy anno mivel szívtam smile.gif Ha az átlátszó png-s hátteret háttérként teszem be, akkor a div-ben lévő linkek nem kattinthatóak IE alatt.

Fentebb (#3) van a toxin által mutatott a link, amit lehet kombinálni a pngbehavior-ral és úgy már működik minden. smile.gif

Bár mondjuk az még mindig érdekelne, hogy mi a különbség a 2 belinkelt htc között.. gondolkodik.gif (már emberi nyelven leírva, mert a fájlt tartalmilag össze tudom hasonlítani, csak nekem nem sokat mondott biggrin.gif)


--------------------
Go to the top of the page
 
+Quote Post
tomsolo
post 2006. Aug 26., 19:19
Post #11


tag
**

Group: tag
Posts: 201
Joined: 05. September 19.
Member No.: 1382



QUOTE(Harder @ 2006. Aug 26., 16:54)
Megvan közben asszem nekem is, most kapcsoltam hogy anno mivel szívtam smile.gif Ha az átlátszó png-s hátteret háttérként teszem be, akkor a div-ben lévő linkek nem kattinthatóak IE alatt.



adj nekik position:absolute értéket és megoldódik a gond.

(valami ilyemsire emlékszik)
Go to the top of the page
 
+Quote Post
Harder
post 2006. Aug 26., 19:24
Post #12


Admin
*****

Group: Admin
Posts: 8049
Joined: 03. March 16.
From: Hungary
Member No.: 2



relative, illetve a z-index volt a gond a linkek kattinthatóságánál, akit érdekel smile.gif :
http://www.tutorial.hu/temp/pngteszt/index4.html


--------------------
Go to the top of the page
 
+Quote Post
tomsolo
post 2006. Aug 26., 19:27
Post #13


tag
**

Group: tag
Posts: 201
Joined: 05. September 19.
Member No.: 1382



na akkor azt! smile.gif
Go to the top of the page
 
+Quote Post
Anybudi
post 2006. Aug 27., 17:21
Post #14


tag
**

Group: tag
Posts: 301
Joined: 06. February 12.
Member No.: 1954



Nekem az a problémám, hogy egy sima háttérminta ami két szürkésárnyalatból áll, és arra van téve egy emboss a rajta lévő másisk réteg által. A háttér is és az emboss is png-ben van. FF alatt tökéletes, IE alatt viszont a szürkeárnyalatos háttér és a szürkeárnyalatos emboss találkozásánál mégis kékes lesz az átmenet.
Ez lehetséges, hogy a IE png átlátszóságos hülyéskedése miatt van, vagy más az oka? Mert végül is átlátszó a png, csak kap egy nem várt színt...


--------------------
The people who are crazy enough to think they can change the world are the ones that do.
----------------------------------------
It is never too late to become what you never were.
--------------------
It is only after you have lost everything when you are free to do anything.
----------------------------------------
Go to the top of the page
 
+Quote Post
tomsolo
post 2006. Aug 30., 23:55
Post #15


tag
**

Group: tag
Posts: 201
Joined: 05. September 19.
Member No.: 1382



QUOTE(Anybudi @ 2006. Aug 27., 17:21)
Nekem az a problémám, hogy  egy sima háttérminta ami két szürkésárnyalatból áll, és arra van téve egy emboss a rajta lévő másisk réteg által. A háttér is és az emboss is png-ben van. FF alatt tökéletes, IE alatt viszont a szürkeárnyalatos háttér és a szürkeárnyalatos emboss találkozásánál mégis kékes lesz az átmenet.
Ez lehetséges, hogy a IE png átlátszóságos hülyéskedése miatt van, vagy más az oka? Mert végül is átlátszó a png, csak kap egy nem várt színt...
*




ie csak fix méreteknél tud átlátszó png hátteret imételtetni (most fejből nem tudom google segít ebbe) egyébként csak nyújtani tudja...
Go to the top of the page
 
+Quote Post

2 Pages V   1 2 >
Reply to this topicStart new topic

 



Lo-Fi Version Time is now: 2012. May 21. - 19:31

Harder - webdesigner blog | keresőoptimalizálás | honlapkészítés