IE9で、一つの DIV でフィルタでグラデーションした上で角丸するとうまく行きません。もう一つの DIV を外側から overflow:hidden で囲みます。

IE9で、一つの DIV でフィルタでグラデーションした上で角丸するとうまく行きません。もう一つの DIV を外側から overflow:hidden で囲みます。

日時： 2013/02/16 05:32
名前： lightbox

拡張子:<style type="text/css">
.gradient {
    width: 200px;
    height: 200px;

    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;

    background-color: #444444;
    background: -webkit-linear-gradient(top, #444444, #999999); 
    background:    -moz-linear-gradient(top, #444444, #999999); 
    background:      -o-linear-gradient(top, #444444, #999999);
    background:         linear-gradient(to bottom, #444444, #999999);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')"; 

    border: 5px solid grey;
}
</style></head>
<body>
<div id="target" class="gradient"></div>

<script type="text/javascript">
(function() {
var userAgent = window.navigator.userAgent.toLowerCase();
var str = "";
if (userAgent.indexOf("msie") > -1) {
	str+="<style type=\"text/css\"> \n";
	str+=".gradient { \n";
	str+="    border: 0; \n";
	str+="} \n";
	str+=".ie9 { \n";
	str+="    overflow: hidden; \n";
	str+="    border-radius: 30px; \n";
	str+="    border: 5px solid grey; \n";
	str+="    width: 200px; \n";
	str+="    height: 200px; \n";
	str+="} \n";
	str+="</style> \n";
	str+=" ";
	document.write( str );
	var ie9 = document.createElement("div");
	ie9.setAttribute("class","ie9");
	var baseParent = document.getElementById("target").parentElement;
	baseParent.insertBefore(ie9,document.getElementById("target"));
	ie9.appendChild(document.getElementById("target"));
}
})();
</script>

Internet Explorer 10 Release Preview　システム要件 ( No.1 )

日時： 2013/02/16 05:47
名前： lightbox

http://windows.microsoft.com/ja-JP/internet-explorer/ie-10-release-preview

注意
拡張子:Internet Explorer 10 Release Preview はコンピューター上で Windows Internet Explorer 9 を上書きします


拡張子:プロセッサ

32 ビット (x86) または 64 ビット (x64) の 1 GHz 以上のプロセッサ搭載のコンピューター。

オペレーティング システム

Windows 7 32 ビット Service Pack 1 (SP1) 以上

Windows 7 64 ビット Service Pack 1 (SP1) 以上

Windows Server 2008 R2 Service Pack 1 (SP1) 64 ビット版

メモリ

Windows 7 32 ビット - 512 MB

Windows 7 64 ビット - 512 MB

Windows Server 2008 R2 64 ビット - 512 MB

ハード ドライブの空き領域

Windows 7 32 ビット - 70 MB

Windows 7 64 ビット - 120 MB

Windows Server 2008 R2 64 ビット - 200 MB

ドライブ

CD-ROM ドライブ (CD-ROM からインストールする場合)

ディスプレイ

Super VGA (800 x 600) 以上の解像度で、256 色表示が可能なモニター

周辺機器

モデムまたはインターネット接続

Microsoft Mouse、Microsoft IntelliMouse、または互換性のあるポインティング デバイス

プライバシーポリシー