在IE7中添加带有javascript-bug的CSS渐变
我试图只在在IE7中添加带有javascript-bug的CSS渐变,javascript,css,selector,explicit,internet-explorer-7,Javascript,Css,Selector,Explicit,Internet Explorer 7,我试图只在.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.
.link.box.gradient.link.box.gradientstyle.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>
jQuery（函数（$）{
$（'head'）.append（“.link.box{height:100px；width:100px；}.link.box.gradient{filter:progid:DXImageTransform.Microsoft.gradient（startColorStr='.#000000'，EndColorStr='.#ffffff'）；}”）；
});
渐变（样式标记）
渐变（链接标签）
为什么是这样？如何修复此错误？删除了原始错误答案 编辑1 奇怪-这可能是旧版IE处理某些元素（如
function appendStyle(element, cssObj) {
//$('#a').append($('<span/>').text(cssObjToText(cssObj)));
if ($.browser.version == 7) {
var head = document.getElementsByTagName('head')[0],
style = document.createElement('style'),
rules = document.createTextNode(cssObjToText(cssObj));
style.type = 'text/css';
head.appendChild(style);
style.styleSheet.cssText = rules.nodeValue;
}
else {
element.after('<style class="css-finalized">' + cssObjToText(cssObj) + '</style>');
}
}
函数appendStyle（元素，cssObj）{
//$（'#a'）.append（$（''）.text（cssObjToText（cssObj））；
如果（$.browser.version==7）{
var head=document.getElementsByTagName（'head'）[0]，
style=document.createElement（'style'），
规则=document.createTextNode（cssObjToText（cssObj））；
style.type='text/css'；
头。附属物（样式）；
style.styleSheet.cssText=rules.nodeValue；
}
否则{
元素后（“”+cssObjToText（cssObj）+“”）；
}
}