| Autor | Zpráva | ||
|---|---|---|---|
| Fork Profil |
#1 · Zasláno: 15. 12. 2011, 08:12:38
Prosím o radu. Mám dva div, absolutně pozicované, částečně se překrývají, jeden má z-index 1 a druhý z-index 2. Lze pomocí css udělat, aby při přejetí myši se div z-index="1" vyhoupl nad div z-index2? Tak aby to funkčnilo v hlavních prohlížečích...
|
||
| Darker Profil |
#2 · Zasláno: 16. 12. 2011, 15:12:37 · Upravil/a: Darker
DIV#vzadu:hover {z-index:3;}Hover prý nefunguje v IE 6 (jen pro odkazy). Pokud tomu tak je, dojde na javascript :) Toto skvěle funcuje ve firefoxu, v IE testeru to nedělalo nic ani pro jednu verzi. DIV {
width:60px;
height:60px;
position:absolute;
top:40;
}
DIV#div1 {
background: red;
z-index:1;
left:40;
}
DIV#div2 {
background: green;
z-index:2;
left:50;
}
DIV#div1:hover {
z-index:3;
color:white;
} |
||
| Bubák Profil |
#3 · Zasláno: 16. 12. 2011, 17:10:15
Darker:
„IE testeru to nedělalo nic ani pro jednu verzi“ Vytvořil jsem něco podobného, ale fungovalo to v IE8, ale ne v IE7. Pokud ti do nefungovalo v IE8, tak příčinou byl quirk vykreslovací režim, IE ve quirku umí hover jen na odkazech. Fork: Pokud se přidá JavaScript, třeba "maskovaný" do csshover.htc, tak to funguje i v IE7 a pravděpodobně i v IE6, ale to nemám jak vyzkoušet. Pozor, řádek 34 musíš upravit: if(!/MSIE (5|6|7)/.test(navigator.userAgent)) return; <style>
body { behavior:url("csshover.htc"); }
div {position: relative; width: 100px; height: 80px;}
.div1 {background: red;}
.div2 {background: blue; top: -50px; left: 10px;},
.div1:hover {z-index: 2}
</style>
<div class="div1">
Toto je DIV1
</div>
<div class="div2">
Toto je DIV2. |
||
|
Časová prodleva: 10 dní
|
|||
| Fork Profil |
#4 · Zasláno: 26. 12. 2011, 07:06:02 · Upravil/a: Fork
Jj fajn, moc díky. Udělal jsem to zatím pomocí css - www.creographx.cz . Otestoval jsem to v IE testeru, verze 5,6 -neumí a navíc nebere průhledné pozadí .png, verze 7 průhled bere, ale neumí hover. Takže pro tyto verze zřejmě budu muset upravovat. ALE má to cenu? Používají se ještě vůbec???
Co koukám na statistiky, tak IE5,6 např. statcounter je již ani nedává do grafu a i IE7 je hoodně na poklesu.... |
||
|
Časová prodleva: 12 let
|
|||
0