我正在尝试仅添加渐变,.link.box.gradient
但在 ie7 中它添加.link.box.gradient
并.style.box.gradient
<!DOCTYPE html>
<html lang="sv">
<head>
<title></title>
<script src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.4.min.js"></script>
<script>
jQuery(function ($) {
$('head').append("<style>.link.box{height:100px;width:100px;}.link.box.gradient{filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000',EndColorStr='#ffffff');}</style>");
});
</script>
</head>
<body>
<div class="style box gradient">Gradient (style-tag)</div>
<div class="link box gradient">Gradient (link-tag)</div>
</body>
</html>
你也可以在这里看到,http://jsfiddle.net/Zhvpy/ 一件奇怪的事情是当我从 javascript 中移出 .link.box{height:100px;width:100px;} 时,你可以在这里看到http://jsfiddle .net/Zhvpy/1它似乎工作,但我不想搬出去。
为什么会这样?我该如何修复这个错误?