Hover na innym elemencie niż najechany

[gibek2 12]

witam czy jest taka możliwość żeby zrobić coś takiego za pamocą CSS-a czy tylko JQ ?

 

bo niestety ale nie działa mi to, chyba że źle to zapisuję :

span:hover  #cloud-download { border: 3px black solid; }

P.S - efekt jaki mnie interesuję to aby po najechaniu na span-a div który ma to id cloud-download otrzymał border.

[Pitu 160]

Twój zapis doda border do #cloud-download tylko wtedy gdy jest on wewnątrz tego spana. Możesz takie coś wykonać tylko w przypadku gdy element jest wewnątrz (twój zapis) lub div jest kolejnym elementem, wtedy używasz:

span:hover  + #cloud-download { border: 3px black solid; }

[Gość]

Edytowano Marzec 26, 2018 przez Gość (zobacz historię edycji)

[Jacker 6]

<script type="text/javascript">
 function hoverJS1(){
     document.getElementById("cloud-download").style.border="3px solid #000000"
    }
 function hoverJS2(){
     document.getElementById("cloud-download").style.border="none"
    }    
</script>    

<div  id="cloud-download">Hello World!</div>
<span onmouseover="hoverJS1();" onmouseout="hoverJS2();">Hover</span>

Ewentualnie JS jak chcesz. Pisane bez sprawdzania, ale chyba się nie pomyliłem.

 

Edytowano Czerwiec 28, 2014 przez Jacker (zobacz historię edycji)

[maniack 403]

.

Edytowano Wrzesień 13, 2017 przez maniack (zobacz historię edycji)

[gibek2 12]

wyglada to tak :

<div id="cloud-download"> <img src="images/cloud.png" alt="" /> <span> Download </span>  </div>

#cloud-download { border: 2px black solid; width: 200px; padding: 5px;  }

#cloud-download img {margin-left: 10px; margin-top: 5px;}

#cloud-download  span { margin-top: 6px; margin-left: 15px; position: absolute; font-size: 22px;}

[maniack 403]

.

Edytowano Wrzesień 13, 2017 przez maniack (zobacz historię edycji)

[MazuLuka 0]

Za pomocą css, tylko takie coś...

http://jsfiddle.net/24BFR/