推 ych1022:-w-a目前在CSS加了.description, 選單可以做到位移~ 10/14 02:19
→ ych1022:但是置換圖片還是不行,給個連結~其實是模仿這個網站的效果 10/14 02:19
→ b0339576:因為你一開始只有問位移的效果怎麼做呀~ 10/14 02:32
推 ych1022:喵~ 10/14 02:47
※ 引述《ych1022 (玄米)》之銘言：
: 前面的回文我先自砍,
: 首先感謝b0339576的教學~又學到東西了
: 不過目前我的語法寫在"網誌敘述"中
: 網誌敘述 > 我設了六個圖片連結
: 但是.description我放不到網誌敘述中
網誌描述只支援HTML
但.description a:hover{}是CSS的寫法
所以一定要放到樣式表才行，不能放在網誌描述
: but如果把.description寫到CSS
: 他是控制整個網誌敘述的底片變換
: 但是我的網誌敘述沒有設定底圖
.description{}是控制整個網誌描述的樣式
包含範圍大小、位置、字體字級以及顏色、背景圖、框線
等等各式各樣關於外貌上的樣子，不是只有底圖這麼狹隘而已喔
但 .description a:hover{}控制的就是更細的範圍了
只會動到網誌描述中的每個連結而已
所以在樣式表加上這個設定就可以一次控制那6個東西啦~
我剛剛測試是可行的
: CSS > 網誌敘述 > 設定整體底圖
: 而無法針對六個圖片的個別圖片~
: 想到的方法是就把網誌敘述設定一個底圖一個連結
你現在網誌描述裡有的 <a><img></a>
就是一個連結+一個圖片了呀
<a></a>是連結，<img>是圖片
: 再把.description寫到CSS
: 如此會有滑鼠移過圖片置換的效果(還沒試過)
...我從一開始所說的就是這樣啊 快去試吧 寶貝
妳現在就缺一個.description a:hover{}而已~~~
如果樣式表找不到這個東西，你可以自己手動新增
: 但是連結就會剩一個-3-
css只是讓你的html穿上衣服變得更漂亮而已
他們之間是相輔相成的關係，不會互相衝突的
: 周末去誠品翻翻書-w-
--
※ 發信站 :批踢踢實業坊(ptt.cc)
◆ From: 114.27.148.159
※ 編輯: b0339576 來自: 114.27.148.159 (10/14 01:52)