Transparentní PNG v IE ...
... dlouho tu nebylo nic zajímavého, takže přispěju s tímhle:
mám tento div:
<div class="error">
<p><strong>CHYBA:</strong> zde bude text chyby ... </p>
</div>
a k němu tento výsek z css:
.error {
width: 500px;
padding: 5px;
text-align: center;
border: 1px solid #AAAAAA;
background: url(images/error.png) no-repeat 5px center;
background-color: #FFA3B1;
-moz-border-radius: 1em;
}
.error p {
margin: 0 0 0 45px;
text-align: center;
height: 50px;
}
no a ti všímavější z Vás jistě postřehli, že je na pozadí umístěn obrázek ve formátu PNG, který je místy průhledný. No a já potřebuju bez zásahu do zdroje tohoto DIVu přinutit IE, aby obrázek na pozadí zprůhlednilo.
Nějaké nápady?
mám tento div:
<div class="error">
<p><strong>CHYBA:</strong> zde bude text chyby ... </p>
</div>
a k němu tento výsek z css:
.error {
width: 500px;
padding: 5px;
text-align: center;
border: 1px solid #AAAAAA;
background: url(images/error.png) no-repeat 5px center;
background-color: #FFA3B1;
-moz-border-radius: 1em;
}
.error p {
margin: 0 0 0 45px;
text-align: center;
height: 50px;
}
no a ti všímavější z Vás jistě postřehli, že je na pozadí umístěn obrázek ve formátu PNG, který je místy průhledný. No a já potřebuju bez zásahu do zdroje tohoto DIVu přinutit IE, aby obrázek na pozadí zprůhlednilo.
Nějaké nápady?
jakpsatweb - CSS - filter
http://www.volny.cz/peter.mlich/www.htm#mssub8
# www.volny.cz/peter.mlich menu opacity + star (8k+2)
# www.volny.cz/peter.mlich menu opacity (4k+0+3k for IE)
nekdo se tu nedavno ptal, jestli na webce neco nemam. Myslim, ze opravdu je tam vse :)))
ve skutecnosti se pouziva transparentni GIF. Castecnou pruhlednost IE6 nepodporuje bez pluginu u PNG, IE7 by to udajne mel zvladat.
pokud jsou mista ctverecky, muzes obrazek prevest na sadu ctverecku, ktere jsou a ktere nejsou pruhledne a napozicovat. Asi javascriptem...
http://www.volny.cz/peter.mlich/www.htm#mssub8
# www.volny.cz/peter.mlich menu opacity + star (8k+2)
# www.volny.cz/peter.mlich menu opacity (4k+0+3k for IE)
nekdo se tu nedavno ptal, jestli na webce neco nemam. Myslim, ze opravdu je tam vse :)))
ve skutecnosti se pouziva transparentni GIF. Castecnou pruhlednost IE6 nepodporuje bez pluginu u PNG, IE7 by to udajne mel zvladat.
pokud jsou mista ctverecky, muzes obrazek prevest na sadu ctverecku, ktere jsou a ktere nejsou pruhledne a napozicovat. Asi javascriptem...
Hm ...
zajímavé, ale to můj problém neřeší. Snad proto, že nic z toho se nedá aplikovat na obrázková pozadí načtená skrz CSS, což je jádro problému - najít nějakou funkci (filtr, pravidla chování, cokoliv ...), který půjde napasovat na obrázkové pozadí dělané v CSS.
Mimochodem: zatím jsem zkoušel snad všechny IE filtry, včetně tohodle:
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='images/error.png',sizingMethod='scale');
taktéž bez úspěchu.
No a vzhledem k tomu, že snad na každém obrázku je nějaký rádius, tak mi rozklad na více obrázků je taktéž k ničemu :(
zajímavé, ale to můj problém neřeší. Snad proto, že nic z toho se nedá aplikovat na obrázková pozadí načtená skrz CSS, což je jádro problému - najít nějakou funkci (filtr, pravidla chování, cokoliv ...), který půjde napasovat na obrázkové pozadí dělané v CSS.
Mimochodem: zatím jsem zkoušel snad všechny IE filtry, včetně tohodle:
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='images/error.png',sizingMethod='scale');
taktéž bez úspěchu.
No a vzhledem k tomu, že snad na každém obrázku je nějaký rádius, tak mi rozklad na více obrázků je taktéž k ničemu :(
IE6 podle meho nazoru neprodporuje pruhledny PNG. IE7 to jiz podporuje.
Tomík: ano, ano. IE průhlednost u PNG standardně nepodporuje, ale jde k tomu přinutit.
U "běžných" obrázků zapaných stylem <img src="obrazek.png"> se to dá udělat pomocí filtrů, nebo pravidel chování, ale pokud obrázek zadáš jako já v CSS:
background: (url/obrazek.png) no-wrap; tak jsi asi v háji a nemáš šanci :(
U "běžných" obrázků zapaných stylem <img src="obrazek.png"> se to dá udělat pomocí filtrů, nebo pravidel chování, ale pokud obrázek zadáš jako já v CSS:
background: (url/obrazek.png) no-wrap; tak jsi asi v háji a nemáš šanci :(
Tom (manual.wz.cz)
prohledl jsi si oba priklady na opacitu, co mam na webce otaznik.
Ne otaznik.
Vidis.
Pro IE treba nastavit 1 rozmer pevny, treba width. Jinak nedokaze filtr spustit.
Je to i na jakpsatweb.cz = filtry
okdaz na stranku by to ukazal hned, co jsi zkousel...
prohledl jsi si oba priklady na opacitu, co mam na webce otaznik.
Ne otaznik.
Vidis.
Pro IE treba nastavit 1 rozmer pevny, treba width. Jinak nedokaze filtr spustit.
Je to i na jakpsatweb.cz = filtry
okdaz na stranku by to ukazal hned, co jsi zkousel...
peta: sem z tebe ztracenej... :)
... ty tvoje dvě menu jsem si prohlédl, ale nikde není to, co potřebuju: aplikace filtru na "background: url(obrazek.png);". Nebo jsem se jenom blbě díval?
Co je webka otazník netuším?!
Jakpsatweb.cz jsem prolezl od sklepa až po půdu, ale řešení jsem nikde nenašel :(
Takže to zkusím znovu: průhlednost u "obyčejného" obrázku pro mě není problém. Pro mě je problém průhlednosti <duraz>obrázku na pozadí pomocí CSS</duraz>.
Výřez z kódu je v prvním příspěvku, víc nemám, protože nic nefunguje. Nebo nefunguje: funguje, ale nedá se aplikovat <duraz>jen a pouze</duraz> na obrázek na pozadí, tedy na to "background: url(images/error.png) no-repeat 5px center;"
... ty tvoje dvě menu jsem si prohlédl, ale nikde není to, co potřebuju: aplikace filtru na "background: url(obrazek.png);". Nebo jsem se jenom blbě díval?
Co je webka otazník netuším?!
Jakpsatweb.cz jsem prolezl od sklepa až po půdu, ale řešení jsem nikde nenašel :(
Takže to zkusím znovu: průhlednost u "obyčejného" obrázku pro mě není problém. Pro mě je problém průhlednosti <duraz>obrázku na pozadí pomocí CSS</duraz>.
Výřez z kódu je v prvním příspěvku, víc nemám, protože nic nefunguje. Nebo nefunguje: funguje, ale nedá se aplikovat <duraz>jen a pouze</duraz> na obrázek na pozadí, tedy na to "background: url(images/error.png) no-repeat 5px center;"
Tak, problém (částečně) vyřešen: pro IE je třeba místo
background: (url.ng);
dát
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='url.png',sizingMethod='crop');
N, a teď jenom přijít na to, jak pro IE vypnout background a filtr napozicovat ... :)
background: (url.ng);
dát
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='url.png',sizingMethod='crop');
N, a teď jenom přijít na to, jak pro IE vypnout background a filtr napozicovat ... :)
Tady: http://www.howtocreate.co.uk/alpha.html je na to pekny clanek.. (anglicky) Ale je tam vypis CSS jak to udelat... Takze kdo neumi anglicky tak tam aspon najde ukazku jak na to..
Pripadne podobne je to i tu: http://united-nuke.openland.cz/news/pruhlednost-png-v-nepruhlednem-ie-33.html
Pripadne podobne je to i tu: http://united-nuke.openland.cz/news/pruhlednost-png-v-nepruhlednem-ie-33.html
<HTML>Je tam jeden problem, i kdyby se vam povedlo zpruhlednit png na pozadi divu, tak vse, co bude v tom divu, bude nefunkcni. Tj neoznacitelny text, neklikatelne odkazy... Tedy to se tyka ms filtru, ostatni reseni neznam nebo neexistuji .]</HTML>
Tom (manual.wz.cz)
takhle, nechapu tvuj problem.
Kdyz si prohlidnes ty 2 menu, pruhlednost tam funguje. Jedno z tech menu pouziva i obrazky na pozadi. Funguje to.
A ty stale tvrdis, ze ti neco nefunguje. Ukaz co? Jak jsem ted napsal do jednoho tematu:
jaky je problem?
jak problem vyvolat?
a to 2 vlastne nelze, protoze neni odkaz neni mozne vyvolat.
Jak rikam, mne to funguje, obrazek se zpruhlednuje. (sice tam mam gif, ale to je detail, v IE se to chova stejne jako JPG/PNG pro tvuj pripad)
Jeste mne napada, ze bys chtel zpruhlednit jen obrazek a text, aby zustal v puvodni barve. V tom pripade bych obrazek umistil do bloku a napozicoval pod text a zpruhlednoval.
takhle, nechapu tvuj problem.
Kdyz si prohlidnes ty 2 menu, pruhlednost tam funguje. Jedno z tech menu pouziva i obrazky na pozadi. Funguje to.
A ty stale tvrdis, ze ti neco nefunguje. Ukaz co? Jak jsem ted napsal do jednoho tematu:
jaky je problem?
jak problem vyvolat?
a to 2 vlastne nelze, protoze neni odkaz neni mozne vyvolat.
Jak rikam, mne to funguje, obrazek se zpruhlednuje. (sice tam mam gif, ale to je detail, v IE se to chova stejne jako JPG/PNG pro tvuj pripad)
Jeste mne napada, ze bys chtel zpruhlednit jen obrazek a text, aby zustal v puvodni barve. V tom pripade bych obrazek umistil do bloku a napozicoval pod text a zpruhlednoval.
Nové příspěvky
Smazani stranek
index.html )
HTML Tabulky
Zalamování textu pomocí CSS
Přesměrování
Arduino - 400 Bad Request
Nastavení českých písmen
POMOC! po druhé!
Pozicování (obrázek na střed).
Jak vycentrovat obrazek, ktery je v prikazu absolute ?
Použití tvůrce webu
katalog
async functions' is only available in es8 (use 'esversion: 8')
Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
Problém s načítáním
Div pro reklamu překrývá prvky webové stránky
Nezobrazuje se mi lišta s reklamou
ako nahrám na môj web favicon?
JavaScript - nečitelný soubor *.js - jak prohlížet/editovat
Problém s textem
videostream
index.html
GB///refresh///JS
Total Commander - server nenalezen
Mobilní verze webu
Další témata
STATUS
FTP
HTTP
SQL
PHP
© 2002 - 2024 Web zdarma s.r.o. — zvládnete to sami