3 回答

TA貢獻(xiàn)1772條經(jīng)驗(yàn) 獲得超8個(gè)贊
只需注意:
W3C鏈接標(biāo)簽內(nèi)的按鈕沒(méi)有問(wèn)題,因此它只是另一個(gè)MS次標(biāo)準(zhǔn)。
回答:
除非您要獲得完整圖像,否則請(qǐng)使用代理按鈕。
可以將“代理”按鈕放入標(biāo)記中(如果使用跨度,則更安全,而不是div)。
可以將其設(shè)置為看起來(lái)像按鈕或其他任何樣式。
它具有多種功能-一段CSS代碼可為所有實(shí)例提供支持-只需定義一次CSS,然后從該位置開(kāi)始,只需在代碼需要的地方復(fù)制并粘貼html實(shí)例即可。
每個(gè)按鈕都可以有自己的標(biāo)簽-非常適合使用多種語(yǔ)言的頁(yè)面(我想很容易為每種語(yǔ)言做圖片)-還可以使整個(gè)腳本更容易地傳播實(shí)例。
調(diào)整其寬度以適應(yīng)標(biāo)簽長(zhǎng)度-如果需要,也可以采用固定寬度。
IE7是上述情況的一個(gè)例外-它必須具有寬度,否則將使該按鈕從一端到另一端-為其提供寬度,也可以向左浮動(dòng)按鈕
-IE7的CSS:
一種。.width:150px; (在屬性之前記下點(diǎn),我通常以添加此類(lèi)點(diǎn)為目標(biāo)IE7-刪除點(diǎn),所有瀏覽器都會(huì)讀取該屬性)
b。text-align:center; -如果寬度固定,則必須將其居中放置文本/標(biāo)簽
c。cursor:pointer; -所有IE必須有這個(gè)正確顯示鏈接指針-好的瀏覽器不需要它
可以向前走一步,此代碼和使用CSS3樣式它,而不是使用圖像:
一。圓角的半徑(限制:IE將顯示它們?yōu)檎叫危?/p>
b。漸變以使其像“按鈕一樣”(限制:Opera不支持漸變,因此請(qǐng)記住為此瀏覽器設(shè)置標(biāo)準(zhǔn)背景色)
C。使用:hover pclass可以根據(jù)鼠標(biāo)指針的位置等更改按鈕狀態(tài)。-您可以將其僅應(yīng)用于文本標(biāo)簽或整個(gè)按鈕
下面的CSS代碼:
.button_surrogate span { margin:0; display:block; height:25px; text-align:center; cursor:pointer; .width:150px; background:url(left_button_edge.png) left top no-repeat; }
.button_surrogate span span { display:block; padding:0 14px; height:25px; background:url(right_button_edge.png) right top no-repeat; }
.button_surrogate span span span { display:block; overflow:hidden; padding:5px 0 0 0; background:url(button_connector.png) left top repeat-x; }
下面的HTML代碼(按鈕實(shí)例):
<a href="#">
<span class="button_surrogate">
<span><span><span>YOUR_BUTTON_LABEL</span></span></span>
</span>
</a>
添加回答
舉報(bào)