0

私は Google マップを使用しており、JavaScript コードを使用していくつかのカスタム ボタンを追加し、それらにいくつかの CSS を適用しています。

私のコードはChrome、Firefox、IE9ブラウザでは正常に表示されますが、次のIE8エラーが表示されます。

SCRIPT87: Invalid argument

CSS を適用する JavaScript コードは次のとおりです。

var controlUI = document.createElement('div');

/* IE10 Consumer Preview */ 
controlUI.style.backgroundImage = '-ms-linear-gradient(top, #A4A4A4 0%, #6B6B6B 50%)';

/* Mozilla Firefox */ 
controlUI.style.backgroundImage = ' -moz-linear-gradient(top, #A4A4A4 0%, #6B6B6B 50%)';

/* Opera */ 
controlUI.style.backgroundImage = '-o-linear-gradient(top, #A4A4A4 0%, #6B6B6B 50%)';

/* Webkit (Safari/Chrome 10) */ 
controlUI.style.backgroundImage = ' -webkit-gradient(linear, left top, left bottom, color-stop(0, #A4A4A4 ), color-stop(0.5, #6B6B6B))';

/* Webkit (Chrome 11+) */ 
controlUI.style.backgroundImage = '-webkit-linear-gradient(top, #A4A4A4 0%, #6B6B6B 50%)';

/* W3C Markup, IE10 Release Preview */ 
controlUI.style.backgroundImage = 'linear-gradient(to bottom, #A4A4A4 0%, #6B6B6B 50%)';

controlUI.style.borderTop = '1px solid rgba(255, 255, 255, 0.8)';
controlUI.style.borderBottom = '1px solid rgba(0, 0, 0, 0.1)';
controlUI.style.borderRadius = '0 0 8px 8px';
4

1 に答える 1

1

IE8 は、rgba() 色を使用したアルファ不透明度を受け入れません。rgb() を使用する必要があります。

于 2013-02-06T15:56:37.000 に答える