2013-02-23 5 views
3

: парить не работает, когда применяется к моим стилей:Наведите указатель мыши не работает

http://jsfiddle.net/E9DXJ/

<nav> 
<div class="container"> 
    <div class="row-fluid center"> 
     <div id="navcontainerimg" class="span12 center"> 
      <img src="img/hs-header.png"/> 
     </div> 
     <div id="navcontainernav" class="span12 center"> 
      <span class="topleft">Our Story</span> 
      <span class="topright">Awesome Support!</span> 
      <span class="bottomleft">Read the Blog!</span> 
      <span class="bottomright">Join Now</span> 
     </div> 
    </div> 
</div> 

Классы могут быть оформлены без: парить, но при добавлении он ничего не делает , Если я нажму на дисплей стиля hover на hrome, он покажет его там, но не будет работать.

ответ

10

Это потому, что вы установили отрицательный z-index для контейнера, поэтому Chrome по существу не узнает события наведения.

Изменить его:

#navcontainernav  
{ 
    width: 720px; 
    margin-left: 40px; 
    height: 170px; 
    top: -233px; 
    border-radius: 8px; 
    position: relative; 
    z-index: 1; 
} 

Или любое другое положительное значение.

+0

Люблю тебя. Благодаря! –

+0

Том, это сработало, но теперь это создает еще одну проблему. Я упростил скрипку, но есть изображение, которое проходит между этими четырьмя углами. Я получил зависание для работы, добавив z-index> 0, но если я принесу изображение выше тех, он все равно не работает. Есть ли способ сделать это без измельчения изображения на две части (я полагаю, что прямоугольник с раздельной окружностью может работать), но я бы предпочел сделать это в CSS. http://healthysurprise.com/so –

+0

Хм, это сложно, как изменить изображение, чтобы оно содержало правильное обрезание (например, http://cl.ly/N7pB - где красная рамка представляет изображение), затем добавив «z-index» навигация выше него? –

2

изменение на #navcontainernav z-index: -5; к z-индексу: 1;

это работает во всех браузерах

+0

Это не дает ответа на вопрос. Чтобы критиковать или просить разъяснения у автора, оставьте комментарий ниже их сообщения. –

+0

извините .. не понимаю ваш ответ .. проблема - зависает! который будет работать путем изменения z-индекса – bernte

Смежные вопросы