話說，因為最近學的CSS讓我覺得進度不錯，
又可以正確的表現出來，所以讓我覺得我CSS應該算是可以看懂了，
覺得這樣應該真的可以自己好好寫，也可以看懂別人怎樣寫，
但是，兩天之前～～我發現不是這樣的！！

我停擺了

本來應該會的東西都不會了，不！
應該說，本來的思維過去可行，但是突然不行了，
所以這段期間，我不停看過去怎樣編寫，
終於在今天發現迷津了！

其實就是簡單的

<a><span></span></a>

或是變形的

<li><a><span></span></a></li>
<em><a><span></span></a></em>

之前我在編寫上面，總是把<a>的部份寫在<li>上面，
因為我想<li>跟<a>都是連在一起，所以在後面的：hover表線上面出現問題，

經過研究之後，發現，如果必須要利用到<a><span></span></a>的話
一定必須寫到

a:hover{position:absolute;top:XXpx;left:XXpx;display:block;}
a:hover span{position:absolute;top:XXpx;left:XXpx;}

a:hover 底下的 display:block; 非常非常重要

再來就是上一層的<ul>設定position:relative;也嚴重影響以下的a:hover 以及 a:hover span

這樣就可以解決一些這類型的運用問題了，
所以必須注意，<li>畢竟是外包，<a>才是真正影響到hover還有active的運用！
arrow
arrow
    全站熱搜

    edastyle 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄