頁:
[1]
如何讓文字欄位與圖片一同呈現呢?
本帖最後由 jackyo03 於 2016-7-29 12:29 PM 編輯我用的編輯器是dw，我想在"文字欄位"裡面加個"放大鏡的圖片"不知道該如何下手，因為我圖片有設定連結，想說按這個按鈕來操作，CSS該如何敘述才會有這樣的效果呢!?就類似GOOGLE首頁的搜尋欄位，有個語音搜尋的圖片<div></div> 本帖最後由 sss86523 於 2016-7-29 10:33 PM 編輯
如果是希望加在input底下，我習慣的做法如下
<input type="text" class="iconIn" >
<style>.iconIn{
background-image: url(icon.png); /* 放你要的圖片*/
background-repeat: no-repeat; /* 防止重複 */
background-position: right 10px center; /* 圖片離右邊10px，如果想改成左邊直接輸入數值 */
padding-right: 14px; /* 文字離右邊的距離，數值通常是上方10px加一點，文字和圖片才不會重疊*/
}
</style>
如果在網路上有看到你想要的排版效果，可以直接開設計者模式(F12)，大概都可以知道怎麼寫的。
補充內容 (2016-7-29 11:51 PM):
剛剛沒看清楚，上述的程式碼是無法用於點擊的，如果要可以點擊，就直接將圖片設置position疊上去就好了。...<div class='locked'><em>瀏覽完整內容，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div>
頁:
[1]