表單提交按鈕@透明CSS Sprites

所以即時嘗試樣式提交按鈕。背景來自透明的PNG精靈文件。完成所有操作後，該按鈕將顯示爲白色框，並且未加載精靈圖像。表單提交按鈕@透明CSS Sprites

<input name="Submit" type="submit" value="" class="lp-submit"/>

CSS

.lp-submit { 
    vertical-align:middle; 
    width:106px; 
    height:47px; 
    background:transparent url(images/bt_sprite.png) no-repeat 0 0; 
    border:none; 
    cursor:pointer; 
} 

.lp-submit:hover { 
     background:transparent url(images/bt-sprite.png) no-repeat 0 25; 
}

的圖像顯示出來，如果「透明是從背景移除：。當它再次放回到它的白色盒子。

來源

2012-01-11 Vladimir Kramer

你的路上有雙斜槓怎麼辦？ – 2012-01-11 17:57:11

檢查的相對路徑你的圖像CSS從它所在的文件夾中查找相對路徑，而不是從文檔根目錄中查找。爲什麼要斜槓？

來源

2012-01-11 17:56:12 YuS

對不起，代碼中沒有斜槓，我freetyped在。大聲笑 - 路徑都是正確的。如果這很重要，這也是一個wordpress項目。 – 2012-01-11 18:08:08

url需要一個字符串。請嘗試用撇號或引號括起來（例如，url('images/bt_sprite.png');）。另外，圖像路徑中還有一個雙斜槓。由於url的值是一個字符串，因此您不需要（也不應該）轉義斜線。

來源

2012-01-11 18:00:04 pete

引號不是必需的：http://www.w3.org/TR/2008/REC-CSS2-20080411/syndata.html#uri雖然引號可能有助於解析器克服真正的問題，但它們不會修復它。（我的直覺是它可能與雙斜槓有關。） – ANeves 2012-01-11 18:07:48

表單提交按鈕@透明CSS Sprites

回答

相關問題