作者teaspray (罾盭斔)
看板Blog
標題[Blogger] 圖片連結的邊框顏色
時間Fri Sep 18 02:58:46 2009
板上各位高手晚安
小弟最近開始使用Blooger
http://teaspray.blogspot.com/
在修改語法的時候
(我只會依樣畫葫蘆用一些簡單的)
我把連結改成滑鼠移過
會變成黑色的底和白色的字
語法如下
a:hover {
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
background: #000000;
}
但我的問題來了
在文章裡外連Flickr的圖片連結似乎也適用這個語法
導致滑鼠放在圖片上
圖片底下也出現了上面語法的黑框線
請問有辦法解決這個問題
讓圖片連結不要出現這樣的線嗎?
還是這是圖片尺寸的問題呢?
先謝過各位了
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.36.127.170
※ 編輯: teaspray 來自: 114.36.127.170 (09/18 03:15)
1F：→ rogeroger:連結的定義是一樣的，沒辦法改，如果想讓那個效果消失 09/18 03:17
2F：→ rogeroger:可以把圖片的連結拿掉，先裁成適當大小只留下<img>部分 09/18 03:18
3F：→ rogeroger:這樣滑鼠移過去就不會有任何反應了 09/18 03:19
4F：推 b0339576:可以試試多加一個 a img{} 設定一個把黑色蓋過去的背景 09/18 03:28
5F：→ teaspray:我加了一個a img{background:#ffffff}，但還是無法完全蓋 09/18 03:53
6F：→ teaspray:掉它，再多一個步驟把圖片框線加粗反而沒效了，只好先參 09/18 03:55
7F：→ teaspray:考r大的作法，不過還是希望可以讓圖片點連結進去XD 09/18 03:56
8F：→ teaspray:先謝過r大和b大~ 09/18 03:56
9F：推 huanson:link用<img ... onclick="...">這種 就跟<a>的定義無關 09/18 12:16
10F：→ teaspray:抱歉h大我不太懂您的意思，可以再簡單說明一下嗎? 09/18 13:19
11F：→ hguei:.post img a:hover ? 09/18 13:43
12F：→ hguei:唔..我錯了~別理我 09/18 14:03