IE瀏覽器不能正常工作的盒子陰影+ border-radius

我在windows 8.1 64位上有11個很奇怪的bug。與邊界半徑設置div的，箱陰影是從DIV箱陰影不同，沒有任何邊界半徑集（IE瀏覽器不能正常工作的盒子陰影+ border-radius

爲例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<style type="text/css"> 
.switchbtn1.first {border-right:none;border-radius:4px 0 0 4px;} 
.switchbtn1.last {border-left:none;border-radius:0 4px 4px 0;} 
.switchbtn1 { 
    font-size:14px; 
    line-height:14px; 
    padding:3px 15px 6px; 
    border:1px solid #E8BA66; 
    float:left; 
    box-shadow: 0px 3px 7px rgba(227, 168, 79, 0.6); 
} 
</style> 
</head> 

<body> 
    <div class="switchbtn1 first">un</div> 
    <div class="switchbtn1">deux</div> 
    <div class="switchbtn1 last">trois</div>   
</body> 
</html>

這個結果：

enter image description here

你看到div上的圓角的盒子陰影不同於沒有圓角的div上的盒子陰影...

這個bu g不會發生在所有IE11上。例如在Windows 7上的IE11上，它的縫隙不會發生

任何想法？

來源

2014-06-11 loki

難道您嘗試使用HTML5文檔類型 - 「<！DOCTYPE html>」和「'？ – Vucko

我嘗試但不幸它沒有改變（ – loki

回答暗示圖形驅動程序問題：

我在高級選項關閉GPU渲染和我重新啓動後，用陰影顯示就好半徑....

來源

2014-06-11 09:29:04 CupawnTae

正是!!這是這個!!非常感謝你！!!!如果我關閉GPU然後怎麼辦？我不能要求所有的互聯網用戶禁用他們的GPU渲染（我使用最後一個驅動程序爲我的nvidia顯卡，這是非常常見的顯卡:( – loki

是的，很煩人。至少問題在那裏，所以希望他們能夠修復它。同時，如果你真的想要你可以嘗試將陰影添加到不具有邊框半徑的其他元素，例如一個不可見的div。也許使用：/之前，而不是弄亂你的HTML ...不幸的是，我不能在這裏重現這個問題，所以我只能推測什麼可能工作。 – CupawnTae

該解決方案在作品IE11

div { 
    -moz-border-radius: 10px; /* Firefox */ 
    -webkit-border-radius: 10px; /* Safari, Chrome */ 
    -khtml-border-radius: 10px; /* KHTML */ 
    border-radius: 10px; /* CSS3 */ 
    -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); 
    -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); 
    box-shadow:   4px 4px 5px 0px rgba(50, 50, 50, 0.75); 
    background:rgba(50, 50, 50); 
}

來源

2014-06-11 09:23:59

沒有不幸它沒有改變什麼都沒有（ – loki

你添加<！DOCTYPE html>？ –

http://codepen.io/anon/pen/hkEBt這是我查看她的勝利7的鏈接和ie11它的作品!!!!! –

IE瀏覽器不能正常工作的盒子陰影+ border-radius

回答

相關問題