IE11邊境半徑和邊框錯誤

我在IE11一個奇怪的視覺錯誤，你可以在圖像看到這裏>IE11邊境半徑和邊框錯誤

http://www.jonwallacedesign.biz/ie11.png

見奇作用，對白色的角落「爲什麼選擇我們」 li按鈕...

border-radius,background-image和border: 1px solid #colour的組合似乎是造成這種奇怪的可怕影響。

任何人都知道解決方案來解決？在LI的

CSS是：

background-image: url("../images/core/primnavItemBG_sprite.png"); 
background-position: 0 0; 
border: 1px solid #FFFFFF; 
border-radius: 6px; 
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); 
color: #2062AF; 
font-family: 'Montserrat',Helvetica,Arial,sans-serif; 
font-size: 14px; 
margin-right: 5px; 
outline: medium none; 
overflow: hidden; 
text-decoration: none; 
text-transform: uppercase;

來源

2014-02-25 dubbs

因爲他們首先增加了'在IE邊界radius'支持我注意到這對ocassion。 – HackedByChinese

也許這：http://stackoverflow.com/questions/21935209/strange-border-color-issue/21935662?noredirect=1#comment33227979_21935662 –

好奇你爲什麼使用背景圖像與實際圖像，而不是CSS3漸變？ –

-2

添加了堅實的背景色，以IE10 +固定這個...好像一個IE漏洞試圖渲染CSS3位...

來源

2014-02-25 16:27:20 dubbs

我有這個完全相同的問題，但我的按鈕已經使用穩定的BG顏色。我在邊界半徑的每個元素的左側看到這些奇怪的線條。修復程序的完整代碼是什麼？ – jhned

我有一個堅實的背景相同的問題。我也不介意看到一個解決方案。 – freshyill

-1

的相反background-image爲什麼不使用http://css3buttongenerator.com/重新創建此按鈕並保存任何其他請求和加載時間。我能夠在IE 11中使用上述生成器重新創建按鈕和漸變。附圖; Button image

來源

2016-01-27 13:06:53

請在條件CSS塊中試試這個。

background-image: url("../images/core/primnavItemBG_sprite.png"); 
border: 1px solid #FFFFFF; /*In Border color use color same as background color otherwise use border-size:0*/ 
box-shadow: none; 
outline: none;

希望這將解決您的問題

來源

2016-01-28 07:09:02

這是一個已知的bug，可以通過將IE11到IE10兼容模式，border-radius正常工作來解決。

將<meta http-equiv="X-UA-Compatible" content="IE=10" />插入head。

來源

2016-01-31 21:45:42

-1

您打開IE10模式，將<meta http-equiv="X-UA-Compatible" content="IE=10" />添加到頭部，並可正常工作。

來源

2016-01-31 22:03:09 Abramova

這個答案在你之前差不多20分鐘。 – LGSon

這對我有用。我不確定你是否和我有同樣的問題。我正在拐角處得到輕微的白色蛀蟲。

background-clip：padding-box;

來源

2017-04-15 01:23:24

解決方案：

<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

<style> 
    border-top-right-radius: 7px; 
    border-top-left-radius: 7px; 
    border-bottom-right-radius: 2px; 
    border-bottom-left-radius: 2px; 
</style>

來源

2017-09-20 11:08:15 kavita

請向您的代碼添加說明。 – marsze

IE11邊境半徑和邊框錯誤

回答

相關問題