Autor | Zpráva | ||
---|---|---|---|
ra100 Profil * |
Zdravím vás.
tento príklad funguje bez problémov v tomto zoskupení - #a { width: 100px; height: 20px; background: aqua; display: block; } #a:hover #b { visibility: visible; } #b{ width: 200px; height: 20px; background: red; visibility: hidden; } <div id="a"><a href="#" id="a">aaa</a><div id="b"><a href="#" id="b">bbb</a></div><br /></div><br /> ...ako ale zfunkčniť bez js atd. to isté, no už rozdelené - <div id="a"><a href="#" id="a">aaa</a></div><br /> <div id="b"><a href="#" id="b">bbb</a></div><br /> Ďakujem za každú dobrú radu. Moderátor Joker: Titulek „Iná možnosť“ nevystihuje podstatu dotazu. Příště zkus prosím vymyslet lepší.
|
||
_es Profil |
#2 · Zasláno: 30. 8. 2011, 16:31:46 · Upravil/a: _es
ra100:
Atribút id má byť v rámci dokumentu jedinečný, na označenie viacerých elementov slúži atribút class. |
||
ra100 Profil * |
#3 · Zasláno: 30. 8. 2011, 16:39:33
yo...zabudol som po mojich pokusoch odstrániť opakovaný id. no na probléme to nič nemení.
|
||
Joker Profil |
#4 · Zasláno: 30. 8. 2011, 16:46:45
ra100:
„no na probléme to nič nemení.“ A dovíme se třeba o jaký problém jde? Možná jsem to teď špatně přejmenoval, což je důsledkem toho, že titulek byl nicneříkající a dotaz „Chci, aby -styl- fungoval na -kód-“ taky není zrovna moc informativní. Jde o to na základě najetí myši na prvek „a“ změnit prvek „b“ který neleží uvnitř „a“? |
||
ra100 Profil * |
#5 · Zasláno: 30. 8. 2011, 16:55:18
Joker:
Jde o to na základě najetí myši na prvek „a“ změnit prvek „b“ který neleží uvnitř „a“? Prvok je b v prvom prípade vložený do prvku a. Po nabehnutí myšou na odkaz v prvku a sa zobrazí prvok b - #a:hover #b { visibility: visible; } No keď rozdelím oba prvky na dva samostatné, účinnosť html a css sa stráca. Je teda ešte iné riešenie v html a css na dva rozdelené prvky, aby kóod pracoval rovnako, ako v prvom prípade? ďakujem za rady. |
||
Joker Profil |
#6 · Zasláno: 30. 8. 2011, 17:10:26
ra100:
Fajn, přejmenoval jsem to znovu. Ano, tohle je problém, pokud ten zobrazovaný prvek není potomkem prvku na který se najede myší, půjde to přes CSS těžko. |
||
Chamurappi Profil |
#7 · Zasláno: 30. 8. 2011, 17:16:26
Reaguji na ra100:
#a:hover ~ #b { visibility: visible; } |
||
ra100 Profil * |
#8 · Zasláno: 30. 8. 2011, 17:19:29
Joker:
...ďakujem za premenovanie, mňa nič jednoduché a výstižné nenapadlo ) ...pokud ten zobrazovaný prvek není potomkem prvku... Je to tak. Márna snaha. Ďakujem všetkým za ochotu. |
||
ra100 Profil * |
#9 · Zasláno: 30. 8. 2011, 17:23:21
Chamurappi:
#a:hover ~ #b Zaujímavý zápis. S tým som sa ešte nestretol. Mám otázku, je tento zápis takpovediac right, v súlade napr. s w3c, alebo sú problémi v kopaktibilite ? |
||
Joker Profil |
#10 · Zasláno: 30. 8. 2011, 17:30:07
ra100:
„je tento zápis takpovediac right, v súlade napr. s w3c“ Jde o CSS3, nefunguje v IE6 a starších, jinak snad ano (zdroj) |
||
Chamurappi Profil |
#11 · Zasláno: 30. 8. 2011, 17:32:17
Reaguji na ra100:
„v súlade napr. s w3c“ Proč na tom záleží? Válí se to už dvanáct let v nějakém pracovním návrhu. Žádná finální specifikace ho nedefinuje, takže je možné (ač nepravděpodobné), že se jeho definice ještě změní. „alebo sú problémi v kopaktibilite ?“ Nefunguje ve starších Explorerech, stejně jako :hover na <div> u.
|
||
ra100 Profil * |
#12 · Zasláno: 30. 8. 2011, 17:37:24
Chamurappi:
ďakujem. |
||
Časová prodleva: 13 let
|
0