CSS三角尖不尖銳

我一直在使用不同網站上的CSS三角形，現在大約一年：CSS三角尖不尖銳

.triangle { 
    width: 0; 
    height: 0; 
    border-left: 7px solid transparent; 
    border-right: 7px solid transparent; 
    border-top: 7px solid red; 
}

在Firefox鍵（Mac OS X）的三角形始終是這樣的：

enter image description here

由於幾天，三角形看起來像這樣在Firefox：

enter image description here

我不知道從什麼時候發生這種情況，我猜想自從更新到Firefox 24或25.

我絕對更喜歡前面的三角形。現在，小費看起來很生硬。

我能做些什麼，使尖端鋒利又在Firefox？
其他瀏覽器是什麼？

卡爾

來源

2013-11-01 Karl

不知道這會幫助，但嘗試6個像素，而不是7px的 –

無法使用FF 25.0，鉻30.0或10.0 IE重現於Windows。 –

與使用抗鋸齒功能的W7 Fx24相同的渲染。危及周圍upate對於fx 25 – FelipeAls

嗯，這是瀏覽器如何呈現，所以便沒有什麼可以除了使用圖像做。

來源

2013-11-01 10:23:36

如果它在更新後發生了變化，您可以追蹤它的變化（如果您願意深入研究bugzilla日誌，並且理論上會獲得一些動作）。 –

它看起來fine給我嗎？你在使用什麼操作系統？（這裏是OSX 10.8.4）和Firefox 25.0。對我來說Chrome也很好看（最新版本）。 Why do you need to have code when adding link to fiddle .__.

來源

2013-11-01 10:27:51 philip

我使用OS X 10.9（Mavericks）。 – Karl

在使用小牛的另一臺筆記本電腦上測試，並且是O.K.在Firefox中。你有任何可能導致這種情況的插件嗎？ – philip

如果我啓動Firefox在安全模式（所有加載項禁用），三角形看起來犀利！ – Karl

CSS三角尖不尖銳

回答

相關問題