ссылка в стиле кнопки завершается с абсолютным или относительным позиционированием - PullRequest
0 голосов
/ 01 сентября 2011

В web_application IE 9 работает, но Safari 5.1 не работает, когда пользователь нажимает кнопки «Добавить» и «Удалить».

Относительно кнопок добавления / удаления:

Я заметил, что в Safari кнопка реагирует только тогда, когда курсор находится в верхней части кнопки ... Я заметил, что это было оСумма была позиционирована из его нормального расположения.

Конечно, когда я убрал позиционирование, это сработало.Затем я попытался переключиться с относительного на абсолютное позиционирование, но, как ни странно, возникла та же проблема.

Как это исправить, мне нужно позиционировать элемент, но мне нужно, чтобы он тоже работал.У меня абсолютное позиционирование ниже.

  <form id="f3" method="post">
    <fieldset>
      <input class="te3" type="text" name="f3a" id="f3aa" maxlength="30"/>
      <span id="f3a">title:</span>
      <br>
      <input class="te3" type="text" name="f3b" id="f3bb" maxlength="2048"/>
      <span id="f3b">url:</span>
      <a id="f3c" class='but' href="javascript:void(0)">Add</a>
      <a id="f3d" class='but' href="javascript:void(0)">Delete</a>
    </fieldset>
  </form>

.but
  {
  margin-top:5px;
  font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
  text-decoration:none;
  font-size:14px!important;
  line-height:16px;
  padding:2px 2px;
  cursor:pointer;
  border:1px solid #bbb;
  color:#464646;
  outline:none;
  text-decoration:none;
  background:#f2f2f2 url(white-grad_1.png) repeat-x scroll left top;
  }
.but:hover
  {
  text-decoration:none;
  color:#000;
  border-color:#666;
  }
.but:active
  {
  text-decoration:none;
  background:#eee url(white-grad-active_1.png) repeat-x scroll left top;
  }


#f3c
  {
  position:absolute;
  bottom:-3px;
  left:262px;
  }
#f3d
  {  
  position:absolute;
  bottom:-3px;
  left:300px;
  }

1 Ответ

0 голосов
/ 02 сентября 2011

по любой причине Safari обрабатывает z-индексацию иначе, чем IE. Там была скрытая часть блокировки div моей ссылки. Я должен был подумать более наглядно, вместо того, чтобы задуматься над тем, что не так с кодом ... и сохранить мои div'ы более аккуратными. Блокирующий div не должен быть там.

Простая установка z-index на 30 на моей кнопке устранила проблему.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...