В 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;
}