您當(dāng)前位置：首頁(yè) > web前端 > htmlcss > CSS之a(chǎn):hover下的span樣式無(wú)效的解決方法

CSS之a(chǎn):hover下的span樣式無(wú)效的解決方法

來(lái)源：程序員人生發(fā)布時(shí)間：2013-10-09 11:58:06 閱讀次數(shù)：4372次

　　下面的例子中，a標(biāo)簽里包含了一個(gè)span，我們可能希望當(dāng)鼠標(biāo)移到a上時(shí)，span的樣式發(fā)生變化，但是在ie6下發(fā)現(xiàn)無(wú)效 veｒｙｈｕo.ｃｏm

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title></title><style type="text/css">a:hover span{font-weight:bold;color:#F00}</style></head><body><a href="#">鼠標(biāo)移過(guò)來(lái)看看這個(gè)網(wǎng)址是否變顏色：<span>www.liehuo.net</span></a></body></html> <br /><center>如不能顯示效果，請(qǐng)按Ctrl+F5刷新本頁(yè)，更多網(wǎng)頁(yè)代碼：<a href='http://www.jyygyx.com/' target='_blank'>http://www.jyygyx.com/</a></center>
提示：可修改后代碼再運(yùn)行!

ｌiｅｈｕｏ．ｎｅｔ

　　解決方法：（定義a:hover的樣式，如font-size:12px，或者zoom:1等） wfuyu.com

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title></title><style type="text/css">a:hover{font-size:12px}a:hover span{font-weight:bold;color:#F00}</style></head><body><a href="#">鼠標(biāo)移過(guò)來(lái)看看這個(gè)網(wǎng)址是否變顏色：<span>www.liehuo.net</span></a></body></html> <br /><center>如不能顯示效果，請(qǐng)按Ctrl+F5刷新本頁(yè)，更多網(wǎng)頁(yè)代碼：<a href='http://www.jyygyx.com/' target='_blank'>http://www.jyygyx.com/</a></center>
提示：可修改后代碼再運(yùn)行! /網(wǎng)

生活不易，碼農(nóng)辛苦
如果您覺(jué)得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)
程序員人生

------分隔線----------------------------

上一篇 周鴻

下一篇 江禮坤：如何通過(guò)互聯(lián)網(wǎng)打造個(gè)人品牌

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關(guān)注

欄目熱點(diǎn)

日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

CSS之a(chǎn):hover下的span樣式無(wú)效的解決方法