話說,因為最近學的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的運用!
創作者介紹

EDA 物.種.原.始

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