回到頁面後IE8填充Css會消失

我無法弄清楚爲什麼在IE8上按下的文本（鏈接）「Test1，test2，...」將在返回時移動到左側這一頁。看起來填充將會消失。字體也會稍微改變。回到頁面後IE8填充Css會消失

它在IE10上正常工作，但不在IE8上我缺少什麼？

謝謝您已經

<div class="navigation" id="test"> 
<div class="img-wrap"><img alt="" src="http://lorempixel.com/206/115/" /></div> 
<h3>Testing</h3> 
<ul class="side-bar"> 
    <li class="block"><a href="#">test1</a></li> 
    <li class="block"><a href="#">test2</a></li> 
    <li class="block"><a href="#">test3</a></li> 
    <li class="footer"><a href="#">test4</a></li> 
</ul> 
</div> 




#test * { 
    margin:0; 
    padding:0; 
    box-sizing:border-box; 
} 

#test { 
    width:206px; 
    margin:0px; 
} 

#test .img-wrap { 
    border-radius:10px 10px 0 0; 
    overflow:hidden; 
} 

#test img { 
    display:block; 
} 

#test h3 { 
    background-color:#F6F7F7; 
    color:#4A9DDA; 
    padding:16px; 
    border-left:1px solid #C9CDD1; 
    border-right:1px solid #C9CDD1; 
    border-bottom:1px solid #C9CDD1; 
} 

#test ul { 
    list-style:none; 
    border-left:1px solid #C9CDD1; 
    border-right:1px solid #C9CDD1; 
} 

#test ul.block, #test li.block { 
    padding:0; 
    background-image: url("7x10-pijl.gif"); 
    background-position: 190px 12px; 
    background-repeat: no-repeat; 
} 

#test li.block a { 
    color: #333333; 
    font-size: 13px; 
    display:block; 
    text-decoration: none; 
} 


/* Footer */ 

#test li.footer { 
    font-size: 11px; 
    font-weight: bold; 
    padding: 15px 0 17px: 

} 

#test li.footer a { 
    margin-left: auto; 
    color: #4A9DDA; 
} 

#test li.footer a:hover 
     { 
      text-decoration: underline; 
     } 


/* base styling */ 

#test li { 
    border-bottom:1px solid #C9CDD1; 
    position:relative; 
    background-color:#F6F7F7; 

} 


#test li.block a:hover 
     { 
      color:White; 
      background-color:#219FD1; 
background-image: url("arrowBig.png"); 
background-position: 190px 12px; 
    background-repeat: no-repeat; 
     } 

#test a:link 
     { 
      text-decoration:none; 
      display:block; 
      padding: 4px 12px; 
     } 

#test a:hover 
     { 
      color:White; 
     }

來源

2013-11-27 T1rnanog

你有一個：visited在另一個樣式表中定義？也許這是影響造型 – grimmus

我這樣做是在custom.css我也有一個style.css a：visited { color：＃999999; text-decoration：none; 提綱：0; } – T1rnanog

修正：D謝謝。新增：#test a， a：visited { text-decoration：none; padding：4px 12px; } – T1rnanog

如果你想爲訪問和正常鏈路使用相同的風格使用#test a，而不是#test a:link。只使用a將增加所有狀態的樣式的鏈接（除非在其他地方例如：一：懸停答：訪問）

在你的情況下，你不必爲風格：訪問狀態，既然你只有一個：link風格的規則，它沒有什麼可以回退的。

來源

2013-11-27 12:13:34

回到頁面後IE8填充Css會消失

回答

相關問題