2010-06-16 174 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 2010-06-16 09:53:20

+0

另外,「移動」是什麼意思? – Kyle 2010-06-16 09:55:38

+0

據我所知無論它在IE 7上顯示它的一個錯誤。其他瀏覽器正在壓制它。 用你給出的代碼不容易追蹤出了什麼問題。所以請提供更多信息。 – 2010-06-16 09:58:10

回答

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

提交懸停具有不同於其他提交類的值的圖像值,不確定它們是什麼(從未使用額外的值),但它們看起來像定位或邊距類似的值。這些可能會導致圖像改變的地方,當他徘徊它...也許?