Css 对于IE上的渐变背景,我应该把这个条件注释放在哪里?
好的,我已经搜索了几个小时,找到了答案,但没有一个对我有用。我正在尝试使用我在colorzilla.com上生成的渐变背景。下面是我的代码。为了“完成”IE9支持,colorzilla说:使用IE9(使用SVG)支持完整的多站渐变 向所有具有渐变的元素添加“渐变”类,并向HTML添加以下覆盖以完成IE9支持:Css 对于IE上的渐变背景,我应该把这个条件注释放在哪里?,css,internet-explorer-9,gradient,Css,Internet Explorer 9,Gradient,好的,我已经搜索了几个小时,找到了答案,但没有一个对我有用。我正在尝试使用我在colorzilla.com上生成的渐变背景。下面是我的代码。为了“完成”IE9支持,colorzilla说:使用IE9(使用SVG)支持完整的多站渐变 向所有具有渐变的元素添加“渐变”类,并向HTML添加以下覆盖以完成IE9支持: <!--[if gte IE 9]> <style type="text/css"> .gradient { filter: none;
<!--[if gte IE 9]>
<style type="text/css">
.gradient {
filter: none;
}
</style>
<![endif]-->
但我一辈子都不知道该把评论放在哪里,或者应该把“梯度”类放在哪里
我明天早上必须把这个交上来(啊!)请帮忙
代码(无注释):
HTML{
文本对齐:居中;字体系列:Arial,Helvetica,无衬线;背景:#0067ad;/*旧浏览器*/
/*IE9 SVG,需要将“过滤器”条件重写为“无”*/
背景:url(数据:数据:数据:图像/svg+xml;基本64,基本64,PD94BBWWWWWWBWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWBBWWWWWBWWWWWWWWBWWWWWWWWWWWWWWVVVVVVVVvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv2.一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个2个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的一个中国政府的政府的一个中国政府的中国政府的政府的一个中国政府的一个中国政府的一个中国政府的政府的政府的政府的一个中国的一个中国政府的政府的政府的政府的政府的一个中国的一个中国的一个中国的一个中国的政府JsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+;
背景:-莫兹线性梯度(顶部,#0067ad 0%,#2688d1 52%,#61a1cc 100%);/*FF3.6+*/
背景:-webkit渐变(线性、左上、左下、色挡(0%,#0067ad)、色挡(52%,#2688d1)、色挡(100%,#61a1cc));/*铬、Safari4+*/
背景:-webkit线性梯度(顶部,#0067ad 0%,#2688d1 52%,#61a1cc 100%);/*Chrome10+,Safari5.1+*/
背景:-o型线性梯度(顶部,#0067ad 0%,#2688d1 52%,#61a1cc 100%);/*Opera 11.10+*/
背景:-ms线性梯度(顶部,#0067ad 0%,#2688d1 52%,#61a1cc 100%);/*IE10+*/
背景:线性梯度(顶部,#0067ad 0%,#2688d1 52%,#61a1cc 100%);/*W3C*/
过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0067ad',endColorstr='#61a1cc',GradientType=0);/*IE6-8*/
颜色:#666666;字体大小:18px
}
身体{
文本对齐:居中;字体系列:Arial,Helvetica,无衬线;颜色:#fffde7;字体大小:18px
}
#内容{
文本对齐:对齐;边距:0px自动;宽度:720px
}
IMG{
底部边框:0px;左侧边框:0px;顶部边框:0px;右侧边框:0px
}
很抱歉给您带来不便,但超越者网站将
4月21日(星期六)无法参加例行活动
维护。请在4月22日星期日再次访问我们并获取
下次订购可享受10%的折扣*。请使用促销代码:MANDOWN12。
*优惠将于2012年4月23日到期,不包括cd和代金券购买选项
看起来您正在将渐变应用于HTML
标记,因此您可以将其用于条件块:
<!--[if gte IE 9]>
<style type="text/css">
html {
filter: none;
}
</style>
<![endif]-->
然后将其放在上面列出的代码块之后(介于
和
之间)
希望这能有所帮助!您可以像这样将代码放在
标记中
<head>
<!--[if gte IE 9]>
<style type="text/css">
.gradient {
filter: none;
}
</style>
<![endif]-->
</head>
<head>
<!--[if gte IE 9]>
<style type="text/css">
.gradient {
filter: none;
}
</style>
<![endif]-->
</head>