[問題] 一個CSS效果在不同瀏灠器的問題

看板Web_Design作者 (阿廷)時間14年前 (2012/03/05 15:33), 編輯推噓0(0014)
留言14則, 3人參與, 最新討論串1/1
請問一下....@@a 小弟我有一個簡單的網頁大概像這樣... <html> <head> <title> New Document </title> <style type="text/css"> #test a:hover{ display:inline-block; background-color:#fef0e2; border-bottom:1px solid #ffd9a3; } </style> </head> <body bgcolor="#cccc66"> <div id="test"> <a href="#">11111</a> </div> </body> </html> 他主要是滑鼠移過去後讓a整個變色~ 但是實際的網頁需要 display:inline-block; 但是加了後~ 在IE、FireFox、Opera是可以動的~ 但是在Chrome和Safari卻效果跑不出來~ 不知道各位前輩可否幫忙小弟解決一下這個問題...@@a 已經拜過google大神了~還是找不到原因~ 所以上來PTT問大家了~感謝大家~ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 123.204.57.16

03/05 16:15, , 1F
分開寫?
03/05 16:15, 1F

03/05 16:20, , 2F

03/05 16:27, , 3F
分開寫好像可以~但是我的a只有在div裡面用~所以分開的話
03/05 16:27, 3F

03/05 16:28, , 4F
整個網頁的a都會跑出他的效果出來~不過感謝前輩的回答丫!
03/05 16:28, 4F

03/05 16:28, , 5F
#test a:hover{
03/05 16:28, 5F

03/05 16:29, , 6F
我忘記把 #test 加上去了...
03/05 16:29, 6F

03/05 16:44, , 7F
喔喔!!可以呢~!!感謝前輩的回答~我再把他加進我的網頁裡!!
03/05 16:44, 7F

03/05 16:45, , 8F
不過還是很好奇為什麼不能寫在一起...XD
03/05 16:45, 8F

03/05 17:39, , 9F
寫在a上面才對 因為你是要用a去當點擊區域~
03/05 17:39, 9F

03/06 11:13, , 10F
很奇怪的是a寫在div外面,效果就又不見了...>"<
03/06 11:13, 10F

03/06 11:14, , 11F
目前想到更好的方法~就是用div:hover不用a了~
03/06 11:14, 11F

03/06 11:15, , 12F
然後用cursor:pointer變成連結效果~再用onclick前進連結~
03/06 11:15, 12F

03/06 11:16, , 13F
這樣用比a好一點....XD
03/06 11:16, 13F

03/06 12:36, , 14F
因為你指定的是 test裡面的a 放外面當然沒效果
03/06 12:36, 14F
文章代碼(AID): #1FL6nGV7 (Web_Design)
文章代碼(AID): #1FL6nGV7 (Web_Design)