PNG kao background

kodi · 11. 05. 2006.

u majku mu ..

dobra stvar, nego od kako sam ubacio ovo je prestalo da radi

edit : ne radi u IE 6.0, u ff i dalje drag-uje

kodi · 11. 05. 2006.

detaljnije objasnjenje

HTML kôd:

 <div id="over" >
 	<div class="head">
 		<div style="position:relative;margin:0px auto;float:left;text-align:left;"> TITLE </div>
 		
 		<div style="position:relative;float:right;">
 			<a href="#" onMouseDown="dragStart(event,'over','160','90');" ><img src="/images/drag.gif" title="move" alt="move"></a>
 			<a href="#" onClick="hide('over');" ><img src="/images/close.gif" title="close" ></a>
 		</div>
 	</div>
 </div>

ovo je CSS

PHP kôd:


			
       #over{
       border:solid 1px black;
       width:500px;
       height:450px;
       position:absolute;
       left: 90px;
       top:160px;
         background-image:url('/images/trans33.png');    
       z-index:-1;
      
            }
         
      
      #over div.head{
      font:normal 9px verdana;
      height:22px;
      margin:0px;
      padding-left:8px;
      border-bottom:solid 1px black;
      text-align:right;
      background:#dcdcdc;
      }  
      
            #over div.head img{
            border:none;
       }

u FF-u sve radi u IE radi close i to samo kad kliknem na oznacheno mesto
(vidi sliku)

j

bojan_bozovic · 11. 05. 2006.

Bah! Ako i ne radi, napravite poseban CSS za IE7 a poseban za IE6 i gotovo. HTML i CSS su i napravljeni da se stvar degradira u starihjim browserima, evo ovako

Citat:

@kodi

Batali AlphaImageLoader, ima bagove sa aktivnim elementima, cak i uz velicine PNG koje bi trebalo da rade. ja koristim resenje gore, IE7 je super, IE6 nije lose.

Probaj ovako Kodi:

Citat:

IE6 ce da ti prikaze div sa crnom pozadinom. Malo li je? IE7 je vec na oficijalnoj MS download strani. Uvek moze u <body></body>

Citat:

Jer vidi ovde http://www.microsoft.com/windows/ie/default.mspx

conica · 28. 09. 2006.

Moram da ozivim ovu temu, posto se upravo susrecem sa jednim problemom.

Naime, u drop down meniju je trans png pozadina. Odradjeno je sve kako treba za IE, ali od recimo 10, donjih 5 prikaze kao linkove. Od 5, donja 3 itd.
Procitala sam da se to resava tako sto se div-u koji sadrzi filter postavlja z index tako da bude ispred svih ali mi to ne radi.

Jel neko imao slican problem?

ivanhoe · 29. 09. 2006.

nisam imao taj problem, ali probaj da ubacis taj div u iframe (mada to nije bas SEO friendly...) cuo sam da to pomaze kod nekih problema sa z-indexom, kad ti treba da je nesto skroz gore...

conica · 13. 12. 2006.

resila sam problem, ali nisam postovala resenje
mislim da ga je neko vec spomenuo ranije...za IE je bitna dimenzija png fajla u pixelima..ja sam konkretno iskoristila 7x1px posto mi je trebao gradijent. sreca pa ie siri taj png na sirinu div-a

Dionis6 · 27. 02. 2007.

konacno nesto korisno a da nije neki od svih onih web konvertora..

11. 05. 2006.	#2
kodi 133t Master Datum učlanjenja: 07.01.2006 Lokacija: Beograd Poruke: 714 Hvala: 16 37 "Hvala" u 28 poruka	detaljnije objasnjenje HTML kôd: <div id="over" > <div class="head"> <div style="position:relative;margin:0px auto;float:left;text-align:left;"> TITLE </div> <div style="position:relative;float:right;"> <a href="#" onMouseDown="dragStart(event,'over','160','90');" ><img src="/images/drag.gif" title="move" alt="move"></a> <a href="#" onClick="hide('over');" ><img src="/images/close.gif" title="close" ></a> </div> </div> </div> ovo je CSS PHP kôd: #over{ border:solid 1px black; width:500px; height:450px; position:absolute; left: 90px; top:160px; background-image:url('/images/trans33.png'); z-index:-1; } #over div.head{ font:normal 9px verdana; height:22px; margin:0px; padding-left:8px; border-bottom:solid 1px black; text-align:right; background:#dcdcdc; } #over div.head img{ border:none; } u FF-u sve radi u IE radi close i to samo kad kliknem na oznacheno mesto (vidi sliku) j Poslednja izmena od nixa : 11. 05. 2006. u 22:11.

28. 09. 2006.	#4
conica Pilece krilce(reš) Master Datum učlanjenja: 12.01.2006 Lokacija: Little boy's playground Poruke: 604 Hvala: 47 61 "Hvala" u 27 poruka	Moram da ozivim ovu temu, posto se upravo susrecem sa jednim problemom. Naime, u drop down meniju je trans png pozadina. Odradjeno je sve kako treba za IE, ali od recimo 10, donjih 5 prikaze kao linkove. Od 5, donja 3 itd. Procitala sam da se to resava tako sto se div-u koji sadrzi filter postavlja z index tako da bude ispred svih ali mi to ne radi. Jel neko imao slican problem? __________________ HomeOfWeb \| BLOG: (hrk)pljuc.com Poslednja izmena od conica : 28. 09. 2006. u 21:07.

29. 09. 2006.	#5
ivanhoe Ivan Dilber Sir Write-a-Lot Datum učlanjenja: 18.10.2005 Lokacija: Bgd Poruke: 5.320 Hvala: 104 2.344 "Hvala" u 583 poruka	nisam imao taj problem, ali probaj da ubacis taj div u iframe (mada to nije bas SEO friendly...) cuo sam da to pomaze kod nekih problema sa z-indexom, kad ti treba da je nesto skroz gore... __________________ Leadership is the art of getting people to want to do what you know must be done.

13. 12. 2006.	#6
conica Pilece krilce(reš) Master Datum učlanjenja: 12.01.2006 Lokacija: Little boy's playground Poruke: 604 Hvala: 47 61 "Hvala" u 27 poruka	resila sam problem, ali nisam postovala resenje mislim da ga je neko vec spomenuo ranije...za IE je bitna dimenzija png fajla u pixelima..ja sam konkretno iskoristila 7x1px posto mi je trebao gradijent. sreca pa ie siri taj png na sirinu div-a __________________ HomeOfWeb \| BLOG: (hrk)pljuc.com

27. 02. 2007.	#7
Dionis6 novi član Na probnom radu Datum učlanjenja: 23.02.2007 Poruke: 17 Hvala: 0 0 "Hvala" u 0 poruka	konacno nesto korisno a da nije neki od svih onih web konvertora.. __________________ panzionisan

Slične teme
Tema	Početna poruka teme	Forum	Odgovori	Poslednja poruka
Chrome background image	bluesman	Web aplikacije, web servisi i software	1	24. 04. 2009. 07:13
background-color u FF...	Misko	(X)HTML, JavaScript, DHTML, XML, CSS	5	03. 12. 2007. 19:04
php in background	Blood	PHP	1	12. 06. 2006. 14:39
IE brlja background-color	andrej	(X)HTML, JavaScript, DHTML, XML, CSS	2	29. 10. 2005. 19:35