css按鈕背景圖片的實現(xiàn)方法

發(fā)布時間：2020-08-31 11:38:32 來源：億速云閱讀：435 作者：小新欄目：web開發(fā)

這篇文章主要介紹了css按鈕背景圖片的實現(xiàn)方法，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

很多人提交表單時都喜歡用一個圖片來作為提交按鈕,大多數(shù)人可能用JS去操作表單的提交,即當用戶點擊這個圖片時響應(yīng)一個JS來提交表單.其實還有一種方法,就是直接設(shè)置SUBMIT按鈕的圖片背景.設(shè)置它的圖片背景有二種方法,一是直接在按鈕中設(shè)置,如下:

<input type="submit" name="submit_button" value="" style="background:url(imagepath) no-repeat" />

這種設(shè)置方法在FF下可見,但是在IE下不可見,不知道為什么.反正我測試時IE下是不可見的,換成這樣也不行:background-image\backgroundimage;

另一種方法就是用CSS來設(shè)置,實現(xiàn)方法如下:

<style type="text/css">
    .submitStyle {background:url(imagpath);border:0px}
</style>

感謝你能夠認真閱讀完這篇文章，希望小編分享css按鈕背景圖片的實現(xiàn)方法內(nèi)容對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!

向AI問一下細節(jié)

猜你喜歡