亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

css中如何定義圖片鏈接?

css中如何定義圖片鏈接?

一只名叫tom的貓 2019-03-22 14:13:46
css中如何定義鼠標經過改變圖片,并且可以有鏈接點擊:網頁里面的圖片是這樣的:進入網頁時是一張圖片,可當鼠標移上去后,就變成另外一張圖片,現在就是想在鼠標移上去后,換了圖片的加一個鏈接,請問應該怎么做? 現在這張圖片的CSS樣式是:.nright {width:640px; height:61px; float:right; text-align:center; background:#191919 url(images/img_11_1.gif) no-repeat center;display:block;}.nright:hover {background:#191919 url(images/img_11.gif) no-repeat center;display:block;} 可現在圖片鏈接根本不能激活現在圖片的樣式就是上面的代碼,可現在在圖片的屬性拖動鏈接條到鏈接頁面,根本不起作用。
查看完整描述

3 回答

?
慕的地6264312

TA貢獻1817條經驗 獲得超6個贊

設定圖片超鏈接,用css樣式來實現,其實就是給這個圖片的塊添加超鏈接,我們可以通過在這個塊的前面添加一個a標簽來實現,然后填寫上你所需要的鏈接地址就行了,通過代碼來理解:
<html>
<head>
<style>
#div1{
width:660px;
height:400px;
border:1px soild #f00;
}

</style>
</head>
<body>
<div id='div1'>
<a href=""><img src='圖片地址'></a>
</div>
</body>
</html>



查看完整回答
反對 回復 2019-03-27
?
富國滬深

TA貢獻1790條經驗 獲得超9個贊

<a><img src="..." /></a>

a:hover img {
background-image:xxx.jpg;
}
這樣行不行?

再不行就用js做

查看完整回答
反對 回復 2019-03-27
  • 3 回答
  • 0 關注
  • 685 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號