我的按鈕背景似乎延伸

我有一個按鈕，爲你所看到的here。看起來很好，對吧？那麼在現場，euroworker.no/shipping和/selectAddress它似乎拉伸。我的按鈕背景似乎延伸

在Chrome，IE和Safari中渲染效果很好，我認爲這可能是FF問題，但將小提琴加載到FF中並且看起來很好。

快速參考CSS和HTML：

#fortsett_btn { 
    background-image: url(http://euroworker.no/public/upload/fortsett.png?1269434047); 
    background-repeat:no-repeat; 
    background-position:left; 
    background-color:none; 
    border:none; 
    outline:none; 
    visibility: visible; 
    position: relative; 
    z-index: 2; 
    width: 106px; 
    height: 25px; 
    cursor:pointer; 
}

和HTML

<button type="submit" class="submit" id="fortsett_btn" title="Fortsett" value="">&nbsp;</button>

我不知道這是怎麼回事吧。

來源

2010-03-24 Kyle

該按鈕甚至不呈現，我只是得到一個正常的操作系統按鈕（火狐3.6.2和IE 7，Windows XP中）。在IE中，我得到了一些Javascript錯誤，可能會解釋它。你的jQuery文件給出了一個404 - http://euroworker.no/public/jquery.min.js –

我在活動頁面上的按鈕上看不到任何樣式。看起來樣式表沒有被加載？ –

我沒有看到現場的IMG，只是一個沒有造型的標準

而不是

<button type="submit" class="submit" id="fortsett_btn" title="Fortsett" value="">&nbsp;</button>

試試這個：

<button type="submit" class="submit" id="fortsett_btn" title="Fortsett" value="">Some value</button>

然後加入text-indent:-999px;你的CSS

這有什麼好做的，爲什麼你的按鈕是不受影響的直播現場，它只是建議。你按鈕沒有風格可能是因爲你缺少樣式表（錯誤的鏈接），嘗試內聯樣式，然後如果它的作品複製樣式到樣式表

來源

2010-03-24 12:55:04 ant

謝謝，將這張表添加到表。 – Kyle

實際上似乎修復它。 – Kyle

我不知道我理解這個問題。 CSS在每種情況下都不相同。在小提琴上，您將背景重複設置爲不重複的單張圖像。在活動網站上，您將背景重複設置爲repeat-x，從而獲得不同圖像的一部分。這是按鈕造型的兩種不同方式。

小提琴：

#fortsett_btn { 
background-image:url("http://euroworker.no/public/upload/fortsett.png?1269434047"); 
background-position:left center; 
background-repeat:no-repeat; 
border:medium none; 
cursor:pointer; 
height:25px; 
position:relative; 
visibility:visible; 
width:106px; 
z-index:2; 
}

直播：

#product___specField_8 { 
-moz-border-radius:5px 0 0 5px; 
background-image:url("stylesheet/frontend/../../upload/orng_bg.png?1269434608"); 
background-repeat:repeat-x; 
border:1px solid #DDDDDD; 
float:left; 
font-size:24px; 
font-weight:bold; 
height:33px; 
padding-left:55px; 
width:124px; 
}

爲什麼你不希望看到不同的東西？

來源

2010-03-24 12:55:21 Robusto

@Robusto事實上，一個只有火蟲可以說明的黑暗祕密：D – ant

這些是兩個不同的ID。 1：#fortsett_btn，我的按鈕。 2：＃product__specfield_8，我的自定義輸入字段。 :) – Kyle

@凱爾：我剛剛檢查了每頁上的「橙色」按鈕。第二頁上的那個更長（即「拉伸」），所以我認爲這就是你正在談論的內容。事實上，它們是不同的ID並不一定意味着什麼，因爲其中一個是簡化示例代碼的沙盒，另一個是現場直播。 – Robusto

我的按鈕背景似乎延伸

回答

相關問題