onmouseover не работает с абсолютным положением - PullRequest
Новая
       12

onmouseover не работает с абсолютным положением

0 голосов
/ 15 сентября 2018

Все в этом коде работает просто отлично, пока я не помещу свой абсолютный элемент на вершину, тогда onmouseover вообще не хочет работать. Я попытался использовать CSS :hover, и это сделало то же самое. 

<html>
        <div class="stylewrap">
          <div class="style">
            <h3 class="stylesub"><span id="letterF" onmouseover="change1()">F</span></h3>
          </div>
        </div> 
 </html>
        
 <style>
     .stylewrap {
        position: absolute;
        top: 0;
     } 
     .style {
        position: relative;
        color: blue;
     }
 </style>
            
            
 <script>
       function change1(){
          document.getElementById('letterF').style.color="red";
       }
 </script>

1 Ответ

0 голосов
/ 15 сентября 2018

Вам не нужно никаких onmouseover событий с нормальным CSS, это может быть достигнуто 

.stylewrap{
   position: absolute;
   top: 0;
   } 
   .style{
   position: relative;
   color: blue;
       }
       
.AbsoluteHover:hover{
  color:red;
}       
<div class="stylewrap">
   <div class="style">
      <h3 class="stylesub"><span id="letterF" class="AbsoluteHover">Test Hover</span></h3>
   </div>
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...