2010-06-16 2 views
1

Я использую кнопку отправки для моей формы его прекрасно работать на всех браузер, кроме IE7 , когда пользователь нажимает на него переехал, пожалуйста, предложите мне что делатьпо нажатию кнопки отправки перемещения itsplace

.confirm-button-submit 
{ 
    width  : 79px; 
    font  : bold 12px sans-serif;; 
    color  : #000; 
    background  : url("../images/confirm-btn.png") 0 -33px no-repeat; 
    text-decoration : none; 
    margin-top  :0px; 
    text-align:center; 
    border:0px; 
    cursor : pointer; 
    height:32px; 
    padding  : 8px 0px 12px 0px; 
} 

.confirm-button-submit:hover 
{ 
    width  : 79px; 
    font  : bold 12px sans-serif;; 
    color  : #fff; 
    background  : url("../images/confirm-btn.png") 0 0 no-repeat; 
    text-decoration : none; 
    margin-top  :0px; 
    text-align:center; 
    border:0px; 
    cursor : pointer; 
    height:32px; 
    padding  : 8px 0px 12px 0px; 
} 

я использовал этот CSS, пожалуйста, скажите мне, что делать

код:

<input type="button" value="Show" name="commit" onclick="range_validation(this)" class="confirm-button-submit"/>` 
+1

Пожалуйста, покажите больше своего html и js-функции «range_validation» (и, если возможно, онлайн-демонстрация будет очень приятной) – oezi

+0

Также, что вы подразумеваете под «переместились»? – Kyle

+0

Насколько я знаю, что он показывает на IE 7, это ошибка. И другие браузеры подавляют его. С кодом, предоставленным вами, нелегко отслеживать, что пошло не так. Поэтому, пожалуйста, предоставьте дополнительную информацию. –

ответ

0

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

Также, что вы подразумеваете под перемещением? Если вы имеете в виду, когда вы наводите курсор, кнопка перемещается, то удаление избыточных атрибутов поможет вам сузить, какие атрибуты вызывают это.

Если это щелчок, вам нужно будет показать функцию javascript «Range_validation», чтобы увидеть, позиционирует ли она что-либо.

0

Во-первых, ваш CSS может быть широко уменьшить:

Улучшенная CSS:

.confirm-button-submit, .confirm-button-submit:hover 
{ 
    width   : 79px; 
    font   : bold 12px sans-serif;; 
    color   : #000; 
    background  : url("../images/confirm-btn.png") 0 -33px no-repeat; 
    text-decoration : none; 
    margin-top  : 0; 
    text-align  : center; 
    border   : 0; 
    cursor   : pointer; 
    height   : 32px; 
    padding   : 8px 0px 12px 0px; 
} 

.confirm-button-submit:hover 
{ 
    color  : #fff; 
    background : url("../images/confirm-btn.png") 0 0 no-repeat; 
} 

С вашей CSS, все вроде нормально, то проблема может быть другой глобальный стиль, который может влиять на ваш или какой-либо другой элемент вашей страницы ... у вас есть ссылка, чтобы просмотреть проблему «в действии»?

-1

Представление наведения имеет разные значения для изображения, чем другой класс submit, не уверенный, для чего они предназначены (никогда не использовались дополнительные значения), но они выглядят как позиционирование или маржи, как значения. это может привести к тому, что изображение изменится, когда он нависает над ним ... может быть?

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