這篇文章主要介紹了css按鈕背景圖片的實現方法,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
很多人提交表單時都喜歡用一個圖片來作為提交按鈕,大多數人可能用JS去操作表單的提交,即當用戶點擊這個圖片時響應一個JS來提交表單.其實還有一種方法,就是直接設置SUBMIT按鈕的圖片背景.設置它的圖片背景有二種方法,一是直接在按鈕中設置,如下:
<input type="submit" name="submit_button" value="" style="background:url(imagepath) no-repeat" />
這種設置方法在FF下可見,但是在IE下不可見,不知道為什么.反正我測試時IE下是不可見的,換成這樣也不行:background-image\backgroundimage;
另一種方法就是用CSS來設置,實現方法如下:
<style type="text/css"> .submitStyle {background:url(imagpath);border:0px} </style>
感謝你能夠認真閱讀完這篇文章,希望小編分享css按鈕背景圖片的實現方法內容對大家有幫助,同時也希望大家多多支持創新互聯建站,關注創新互聯網站制作公司行業資訊頻道,遇到問題就找創新互聯建站,詳細的解決方法等著你來學習!
標題名稱:css按鈕背景圖片的實現方法-創新互聯
地址分享:http://vcdvsql.cn/article44/pgphe.html
成都網站建設公司_創新互聯,為您提供小程序開發、網頁設計公司、做網站、企業網站制作、網站維護、網站設計公司
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯