| Autor | Zpráva | ||
|---|---|---|---|
| darthrank Profil * |
#1 · Zasláno: 22. 4. 2011, 07:47:30
Ahoj lidi, po dlouhy dobe jsem se zase vratil za klavesnici s ukolem udelat pro myho tatu webovy stranky o Kynologickym klubu....
Vymyslel jsem si, ze udelam menu slozeny z png obrazku, ktery jsou z velky casti pruhledny...Bohuzel me uz nedoslo to, ze budu muset pozdeji resit problem pri kodovani jak skryt text, tak aby byl videt jen obrazek a text zustal zcela pruhledny.... Nasel jsem si tedys vlastnost opacity, ktera to umi...Muj problem je, ze pokud tuhle vlastnost chci aplikovat na odkaz, kterej se sklada ze dvou casti(obrazku,textu), tak se mi napr. pri nastaveni opacity 0.2 snizi pruhlednost jak u obrazku tak u textu.... U mozilly se mi to povedlo odstranit....(prasackym zapisem) - <li><a class="novinky" href="index.html"><div class="opacitytext">novinky</div></a></li> -css: .opacitytext { width: 100%; filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2;} a.novinky {display: block; width: 200px; height: 30px; background-image: url('img/novinky.png')} a.novinky:hover {background-image: url(img/novinky-hover.png)} html: <ul> <li><a class="novinky" href="index.html"><div class="opacitytext">novinky</div></a></li> <li><a class="fotogalerie" href="index.html"><div class="opacitytext">aaa</div></a></li> <li><a class="clenove" href="index.html"><div class="opacitytext">aaa</div></a></li> </ul> Mohl by jste mi tedy nekdo prosim vas poradit figlicek, jak na to? |
||
|
Časová prodleva: 4 dny
|
|||
| soucekgns Profil |
#2 · Zasláno: 26. 4. 2011, 17:19:19 · Upravil/a: soucekgns
Pokud to dobře chápu, tak:
<li><a><span>novinky</span></a></li>
span {
filter: alpha(opacity=100);
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*--IE8--*/
}
a {
filter: alpha(opacity=20);
opacity: 0.2;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /*--IE8--*/
}
Ale nejsem si jist, jestli je podporováno opacity pozadí... ->
<li><a><img><span>novinky</span></a></li>
span {
filter: alpha(opacity=100);
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*--IE8--*/
}
img {
float:left;
filter: alpha(opacity=20);
opacity: 0.2;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /*--IE8--*/
}
|
||
|
Časová prodleva: 13 let
|
|||
0