Domov arrow Programovanie arrow Priehžadnos PNG v CSS
Priehžadnos PNG v CSS Tlači
Piatok, 21 január 2005 12:03
Formát obrázku PNG má okrem toho, že bol hneď od začiatku, narozdiel od formátu GIF , vyvíjaný ako open-source výhodu v možnostiach nastavenia transparentnosti. Na druhú stranu je škoda, že nepodporuje animácie ako GIF. Dnes vám ukážem ako jednoducho nastavi stupeň priehžadnosti v CSS.




<style>
a img {
			border: 1px outset #999999; 
			filter : Alpha(opacity=30);
			-moz-opacity: 0.3;
			opacity: 0.3;
			}

a:hover img  {
			border: 1px outset #000000;
			filter : Alpha(opacity=100);
			-moz-opacity: 1.0;
			opacity: 1.0;
			 }
</style>
.
.
<a href="index.html">
<img src="http://alian.info/images/weblog/2005/20050121_001.png" />
</a>
A takto to bude vyzera:

x komentované

Prida komentár
Meno (povinné):
Názov (nepovinné):
Komentár (povinné):

Overovací kód:* Code

Poučenie ku komentárom:
Komentujte prosím ako žudia - komentáre mimo tému, vulgárne alebo spamujúce budú zmazané.
Pri reakcii na niektorý predchádzajúci komentár uveďte na začiatok svojho komentára číslo komentára na ktorý reagujete v tvare [x]




Fero Volár je nadšený bloger, príležitostný web developer a dizajnér, amatérsky fotograf, milovník dobrej hudby žijúci v dedinke na Záhorí viac ...

kategórie na blogu

aktuálna anketa

Kam s digitálnymi fotografiami?
na disk
na externý disk/NAS
na DVD či iné médium
vytlači
online web storage
Flickr/Picasa
na vlastný web
niekam inde
nefotím