IE7 действует странно, парящий над списком ul li появляется без перерыва - PullRequest
Новая
       13

IE7 действует странно, парящий над списком ul li появляется без перерыва

0 голосов
/ 31 мая 2010

У меня есть список действий, который я показываю при наведении курсора на ссылку. он отлично работает в Firefox 3.6 и Ie8, но не работает в IE7.

Вот мой код: 

<td class="noTableStyle">
 <a href="#">Actions</a>
  <ul>
   <li><a href="#" title="Edit">Edit</a></li>
   <li><a id="Delete" href="#">Delete</a></li>
  </ul>
</td>

Вот мой код Jquery: 

$(document).ready(function() {
        //Initialize action menu behaviour
        $("td.noTableStyle ul").hide();
        $("td.noTableStyle a").hover(function() {
            $(this).next().slideDown('fast');
        });
        $("td.noTableStyle").hover(null, function() {  $(this).children("ul").slideUp('fast'); });
   });

вот мой CSS: 

d.noTableStyle { 
    background-color:Transparent;
}
td.noTableStyle ul { 
    margin-top:0px; 
    list-style-type:none;
    z-index: 2; 
    position:absolute;
    float:left; 
    background-color: #EBF5F8;
    margin-left: 1px;
    padding-left:0px;
}
td.noTableStyle ul {
    background-color:#EBF5F8; 
    padding:2px;
}

В Firefox / IE8 ссылка отображается под действием, но в IE7 ссылки редактирования и удаления отображаются справа.

Я бы очень хотел помочь. спасибо всем

1 Ответ

1 голос
/ 03 июня 2010

Комбинация position: absolute; и float: left; заставляет его придерживаться правой стороны ссылки. Поскольку вы хотите иметь прямо под ссылкой, а <ul> по умолчанию уже является элементом блока, я не вижу никакого значения, чтобы сделать его position: absolute; float: left;. Поэтому я бы предложил просто удалить эти свойства. Он будет работать во всех браузерах так, как вы ожидаете.

...