2014-11-21 76 views
0

由於某種原因,我的一段代碼似乎無法正常工作。我只有after元素有問題。當懸停在標題上時,應從左上角和右下角繪製兩條線。正如你可能看到的那樣,他們兩人都從左上角開始,但離開右角。元素行爲不正確

的問題是,代碼似乎是正確的,但它仍然是行不通的事情應該

這裏有一個Fiddle

注徘徊在之前之間和要素後的差異。當他們沒有徘徊時,他們在他們的隊伍將離開街區的地方。 當它們被徘徊時,它們位於另一側。

h1:before{ 
    bottom: 0; 
    right: 0; 
} 

h1:hover:before{ 
    top: 0; 
    left: 0; 
} 

h1:after{ 
    top: 0; 
    left: 0; 
} 

h1:hover:after{ 
    bottom: 0; /*not working*/ 
    right: 0; /*not working*/ 
} 

回答

1

從左邊走:0到右:0還需要增加左:懸停自動否則元素將左,右0

+0

謝謝你這麼多!我完全忘了這是一個絕對定位的元素。現在一切都說得通了 – 2014-11-21 00:38:30