| Autor | Zpráva | ||
|---|---|---|---|
| TheTony Profil |
#1 · Zasláno: 2. 7. 2012, 18:42:23
Dobrý den,
tak vás opět zdravím s problémem. Mám obrázek, který má defaultně nastavenou opacity na 0.5 (tzn. je mírně "šedý"). Chtěl bych to udělat tak, aby při najetí myší na ten obrázek byla opacity zase 1 (tzn. plná barva). Snad mě všichni pochopí správně, mé vyjadřovací schopnosti nejsou moc dobré. |
||
| user243 Profil |
#2 · Zasláno: 2. 7. 2012, 18:54:06
<img src="#" alt="#" onmouseover="this.style.opacity=1;" onmouseout="this.style.opacity=0.5;"> pro ie použjl filtr
|
||
| TheTony Profil |
#3 · Zasláno: 2. 7. 2012, 19:22:08
Děkuji moc.
|
||
| Amunak Profil |
Na to nepotřebuješ ani javascript - použij CSS pseudotřídu hover.
.pruhledny img {
opacity: 0.5
}
.pruhledny img:hover {
opacity: 1
} |
||
| user243 Profil |
#5 · Zasláno: 2. 7. 2012, 20:12:21
pro ie ještě hover.htc a zase filtr
|
||
| margin Profil * |
#6 · Zasláno: 3. 7. 2012, 00:19:42
Pokud je obrázek odkazem, co předpokládám, tak to jde udělat ještě jednodušeji a bude to fungovat i v IE4 ;-)
<style>
a img {filter: alpha(opacity=50); opacity: 0.5;}
a:hover img {filter: none); opacity: 1;}
</style>
<a href="#"><img src="http://diskuse.jakpsatweb.cz/img/logo.png"></a> |
||
|
Časová prodleva: 12 let
|
|||
0