| Autor | Zpráva | ||
|---|---|---|---|
| xciza Profil |
#1 · Zasláno: 15. 7. 2013, 11:20:02
Ahoj,
potřeboval bych na stránkách udělat změnu pozadí u jednoho elementu při najetí myší na jiný element. Lze toho docílit pomocí CSS3? případně jak jinak? Díky |
||
| aDAm Profil |
#2 · Zasláno: 15. 7. 2013, 11:21:54
Řek bych že pouze tak, pokud bude ten element co se má změnit uvnitř toho elementu který má změnu vyvolat. V opačném případě leda pomocí JS
|
||
| Chamurappi Profil |
Reaguji na xcizu:
Pokud je ten element, na který se najíždí, v DOMu před tím druhým elementem, nebo v něm, tak toho pomocí CSS 2 docílit jde. Konkrétně selektorem potomka (mezera, podporované odjakživa vším) nebo selektorem sourozence (plus nebo tilda, podporované od Exploreru 7). |
||
| xciza Profil |
#4 · Zasláno: 15. 7. 2013, 11:29:58
no konretne mam tag <img> a pod nim <divv> u kterého to potrebuju zmenit po najetí na <img>
|
||
| Chamurappi Profil |
#5 · Zasláno: 15. 7. 2013, 11:35:35
Reaguji na xcizu:
img:hover + div { background: peachpuff } |
||
| xciza Profil |
#6 · Zasláno: 15. 7. 2013, 11:44:55
Tak nejak to neemuzu rozchodit... Dám sem kod u ktereho to potrebuji.. je to v html5:
<img class="ref_hover"src="cestaKObrazku" />
<figure>
<img src="obrazek" />
<figcaption>popis</figcaption>
</figure>A potrebuji aby pri najeti na <img class="ref_hover"> se zmenilo pozadi <figcaption> |
||
| xROAL Profil |
#7 · Zasláno: 15. 7. 2013, 12:19:51
xciza:
.ref_hover:hover + figure figcaption {...} |
||
| Chamurappi Profil |
#8 · Zasláno: 15. 7. 2013, 12:20:38
Reaguji na xcizu:
„je to v html5“ Prohlížeče nikdy nerozlišují verze. Proč používáš <figure>? Co z toho návštěvníci mají, krom potíží s kompatibilitou u uživatelů starších Explorerů?
Selektor sourozence znáš, selektor potomka také… tak si to postav dohromady. |
||
| xciza Profil |
#9 · Zasláno: 15. 7. 2013, 14:07:35
xROAL:
díky, mel jsem tam neco navíc, ale uz to jde. Chamurappi: Používám ho protože ti co pro ne web dělám preferují html |
||
| Chamurappi Profil |
#10 · Zasláno: 15. 7. 2013, 14:18:02
Reaguji na xcizu:
„Používám ho protože ti co pro ne web dělám preferují html“ Tomu nějak nerozumím. Já ti přeci neradil, abys nepoužíval HTML. |
||
| xciza Profil |
#11 · Zasláno: 15. 7. 2013, 14:31:36
vypadla mi tam 5. čili tam mělo byt že preferuji HTML5
|
||
| Chamurappi Profil |
#12 · Zasláno: 15. 7. 2013, 14:33:23
Reaguji na xcizu:
V HTML 5 není povinné používat špatně podporované elementy. |
||
| xciza Profil |
#13 · Zasláno: 15. 7. 2013, 14:49:30
Však já vim, ale to už bych nemohl používat skoro vše. Včetně nav
|
||
| Chamurappi Profil |
#14 · Zasláno: 15. 7. 2013, 15:24:09
Reaguji na xcizu:
A to by něčemu vadilo? K čemu je uživatelům <nav>?
|
||
| xciza Profil |
#15 · Zasláno: 15. 7. 2013, 19:45:58
Ještě dotaz: jak případně zmenit pozadi u elementu který je nad vnoreným a na nej najedu mysí? cily opacny pripad nez puvodne...
|
||
| xciza Profil |
#16 · Zasláno: 17. 7. 2013, 12:03:08
Ahoj,
predelal jsem ten HTML5 kod a nejak nemuzu docílit toho aby ten to meneni pozadi fungovalo i ted. Prosím co mám špatně? <div class="ref_image">
<a href="#">
<img class="ref_hover" src="img" alt="Hover efekt"/>
<img src="img" alt="img"/>
<p>popis</p>
</a>
</div>.ref_hover:hover + p{
background-color: #F6BD0C;
} |
||
| margin Profil * |
#17 · Zasláno: 17. 7. 2013, 12:26:11
Na 4. řádku máš obrázek, ale CSS kódu jsi ho opomenul.
|
||
| Chamurappi Profil |
Reaguji na xcizu:
„ .ref_hover:hover + p“
Tím selektorem zaměřuješ odstavec, který je těsně za elementem s třídou ref_hover. Pokud nechceš ihned následujícího sourozence, ale libovolného následujícího, nahraď plus tildou (znakem ~).
„jak případně zmenit pozadi u elementu který je nad vnoreným a na nej najedu mysí?“ Nijak. Selektory fungují směrem dolů a dovnitř v DOMu. Což teda neznamená, že věci, které jsou dole či uvnitř, nemůžeš vizuálně napozicovat nahoru nebo ven. |
||
| xciza Profil |
#19 · Zasláno: 17. 7. 2013, 12:55:02
Čili opačně to proste neudělám? že po najetí na p se zmení první <img>?
|
||
| Jan Kupka Profil |
#20 · Zasláno: 17. 7. 2013, 20:02:04
xciza:
Čistě pomocí CSS ne, jedině pomocí Javascriptu. |
||
| xciza Profil |
#21 · Zasláno: 17. 7. 2013, 20:06:09
Tak ten neovladam vubec. Nebyla by mensi pomoc ;) Díky
|
||
|
Časová prodleva: 11 let
|
|||
0