| Subiectul anterior :: Subiectul următor |
| Autor |
Mesaj |
amnine
Data înscrierii: 19/Sep/2007
Mesaje: 23
Locație: Cluj Napoca
|
| Trimis: Mie Sep 26, 2007 11:48 am Titlul subiectului: transparenta background cu CSS in IE |
|
|
Salut!
Am intalnit urmatoarea problema: am o pagina in care am facut designul cu CSS. Am in pagina cateva elemente generate dinamic cu php care au setat ca background o alta imagine in format .png. Imaginea are colturile ratunjite si facute in Photoshop sa fie transparente. Cu Mozzila si Opera nu am probleme, coltul e intradevar transparent, dar IE-ul imi da batai de cap. Se poate face ceva in privinta asta?
Multumesc! |
|
| Sus |
|
bruzli
Data înscrierii: 17/Oct/2005
Mesaje: 75
Locație: Oradea
|
| Trimis: Mie Sep 26, 2007 12:26 pm Titlul subiectului: |
|
|
Ai aici un fix:
http://homepage.ntlworld.com/bobosola/ |
|
| Sus |
|
amnine
Data înscrierii: 19/Sep/2007
Mesaje: 23
Locație: Cluj Napoca
|
| Trimis: Mie Sep 26, 2007 1:29 pm Titlul subiectului: |
|
|
| Nope..nu merge..poate pt ca ma uit la html de pe localhost sau mai probabil (din cate am vazut eu din fisierul .js) pt ca eu nu am imagini in html, doar cateva <div>-uri s <p>-uri (pt ca scriu XHTML) si folosesc CSS pt design si layout. |
|
| Sus |
|
kleampa
Data înscrierii: 10/Iul/2005
Mesaje: 2056
Locație: Bucuresti
|
| Trimis: Mie Sep 26, 2007 1:30 pm Titlul subiectului: |
|
|
daca imaginile sunt introduse din css (si sigur sunt din cate ai explicat tu) n-ai nicio sansa
pt imagini introduse din html cu <img src=...> exista fix-uri |
|
| Sus |
|
amnine
Data înscrierii: 19/Sep/2007
Mesaje: 23
Locație: Cluj Napoca
|
| Trimis: Mie Sep 26, 2007 1:32 pm Titlul subiectului: |
|
|
| Ok, got it :wink: .Mersi! |
|
| Sus |
|
Copyright
Data înscrierii: 17/Dec/2006
Mesaje: 853
Locație: Bucuresti
|
| Trimis: Mie Sep 26, 2007 2:04 pm Titlul subiectului: |
|
|
Cod:
#box{
width:123px;
height:93px;
color:#000;
background:url(image.png);
}
// IE hack
* html #box{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='image.png')
}
...................................
<div id="box"></div>
Later. |
|
| Sus |
|
ADYRS
Data înscrierii: 13/Ian/2005
Mesaje: 360
Locație: Cluj Napoca
|
| Trimis: Mie Sep 26, 2007 2:25 pm Titlul subiectului: |
|
|
si pe mine ma intereseaza problema asta!
cu alte cuvinte sa pui un <div id="da"></>
si sa am #da {background: url(1.png)} dar sa se comporte ca si cum ar fi <img src="1.png"> dar transparent!
Copyright, e o solutie cea pe care ai scris-o? |
|
| Sus |
|
Copyright
Data înscrierii: 17/Dec/2006
Mesaje: 853
Locație: Bucuresti
|
| Trimis: Mie Sep 26, 2007 2:32 pm Titlul subiectului: |
|
|
ADRYS a scris: Copyright, e o solutie cea pe care ai scris-o?
Incearca si ai sa vezi! :D
Later. |
|
| Sus |
|
amnine
Data înscrierii: 19/Sep/2007
Mesaje: 23
Locație: Cluj Napoca
|
| Trimis: Mie Sep 26, 2007 2:39 pm Titlul subiectului: |
|
|
| Yeey,it works! :lol: Stii cumva si parametri la functie ca sa am height=170 si width=640? :roll: |
|
| Sus |
|
amnine
Data înscrierii: 19/Sep/2007
Mesaje: 23
Locație: Cluj Napoca
|
| Trimis: Mie Sep 26, 2007 2:45 pm Titlul subiectului: |
|
|
| Nevermind.Mi-am dat seama unde trebuie eu sa modific :wink: Copyright, azi esti tare ajutator si creativ. Mersi! :) |
|
| Sus |
|
Copyright
Data înscrierii: 17/Dec/2006
Mesaje: 853
Locație: Bucuresti
|
| Trimis: Mie Sep 26, 2007 3:28 pm Titlul subiectului: |
|
|
Merge, dar sa nu sperii daca te trezesti cu niste erori de validare CSS, sunt perfect normale atunci cand folosesti proprietati CSS facute de Microsoft doar pentru Internet Explorer. :D
Later. |
|
| Sus |
|
amnine
Data înscrierii: 19/Sep/2007
Mesaje: 23
Locație: Cluj Napoca
|
| Trimis: Mie Sep 26, 2007 3:34 pm Titlul subiectului: |
|
|
| Ah..si eu vroiam sa fac un CSS 2 valid... :cry: Oricum, trebuie sa cantaresc bine ce vreau sa iasa: 1 cod valid (spre incantarea mea :D ) sau un design frumos pt cei care folosesc IE (shame on you :P ) |
|
| Sus |
|
Copyright
Data înscrierii: 17/Dec/2006
Mesaje: 853
Locație: Bucuresti
|
| Trimis: Mie Sep 26, 2007 3:38 pm Titlul subiectului: |
|
|
Poti sa ascunzi hackurile de validator folosind comentarii contitionale.
Cod: <!--[if gte IE 5.5]>
<![if lt IE 7]>
<style type="text/css">
#box{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='image.png')
}
</style>
<![endif]>
<![endif]-->
Later. |
|
| Sus |
|
ADYRS
Data înscrierii: 13/Ian/2005
Mesaje: 360
Locație: Cluj Napoca
|
| Trimis: Mie Sep 26, 2007 3:41 pm Titlul subiectului: |
|
|
| mie nu-mi merge in ie6! :( |
|
| Sus |
|
amnine
Data înscrierii: 19/Sep/2007
Mesaje: 23
Locație: Cluj Napoca
|
| Trimis: Mie Sep 26, 2007 3:43 pm Titlul subiectului: |
|
|
Eu am pus
Cod:
* html #box{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='image.png')
}
in .css. Pot sa pun
Cod:
<!--[if gte IE 5.5]>
<![if lt IE 7]>
<style type="text/css">
#box{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='image.png')
}
</style>
<![endif]>
<![endif]-->
in css?Mie mi se pare html... :roll:
P.S. : am pus in CSS pt ca vreau si un XHTML 1.0 Strinct |
|
| Sus |
|
PHPRomania Bot
Bot Member
Data înscrierii: 27/Dec/2007
Mesaje: 1
Locaţie: Server Google |
| Trimis: Mie Dec 26, 2007 7:01 pm Titlul subiectului: Ad |
|
|
|
|
|
| Sus |
|
| |