Css Breadcrumb在IE和FF中顯示垂直線

-1

我試圖複製這個例子的麪包屑。我喜歡這個麪包屑，但不明白爲什麼作者沒有修復它的線條。Css Breadcrumb在IE和FF中顯示垂直線

我使用的引導3.0：

我沒有看到在Chrome 32，但IE 11中的問題和FF 25你可以看到線。

下面的鏈接有HTML，CSS和麪包屑的顯示。

http://codepen.io/eMaj/pen/qtico

我還沒有消除他們取得了成功。任何幫助將不勝感激。

來源

2013-12-11 user3084526

我din't看到你在Firefox的意思。 –

我不確定我們的環境有什麼不同。你在使用FF v。26嗎？我搞砸了一件事是在我的網頁上看到白色背景，但在我從背景中複製它的例子是黑色的。 – user3084526

你是否放大了它不適用的瀏覽器？按'Ctrl + 0'，看看它是否有所作爲 – davidpauljunior

在某些縮放比例中，由於像素舍入，設計被破壞。

給僞構件1像素aditional的解決了這個問題，在我的瀏覽

a{ 
    &:before, 
    &:after{ 
    content: ""; 
    position:absolute; 
    top: 0; 
    border:0 solid $blue; 
    border-width:20px 11px; /* original value 20px 10px */ 
    width: 0; 
    height: 0; 
    } 
}

來源

2013-12-11 16:52:45 vals

謝謝vals，我很感激。 – user3084526

我檢查了它在FF和它看起來好，沒有任何白色邊框。嘗試清除緩存

來源

2013-12-11 03:54:12

我清除了緩存，但沒有運氣。我也更新FF到版本26，仍然沒有運氣。我正在使用Windows 8.但我不知道這將如何影響它。 – user3084526

Css Breadcrumb在IE和FF中顯示垂直線

回答

相關問題