仅IE文本字段背景图像

时间:2011-06-01 14:51:26

标签: css internet-explorer-8 internet-explorer-7 internet-explorer-6

我正在尝试修复我的CSS以允许旧的IE浏览器尽可能地查看我的网站。

我正在使用'border-radius'来设置表单字段的样式,为它们提供圆角。对于较旧的IE,我使用下面的背景图片 -

http://studio.allanbendy.com/sites/all/themes/studio_allanbendy_7/i/form-textfield-bg.gif

.form-textfield {
background: url("/i/form-textfield-bg.gif") no-repeat bottom right;
background-attachment: fixed;
height: 15px;
width: 362px;
}

不幸的是,上面的CSS似乎没有为IE 7和8上的文本字段设置样式。它在IE 6上工作得很好。

有什么建议吗?

2 个答案:

答案 0 :(得分:1)

删除background-attachment: fixed;。因为IE6忽略了这个不可滚动的元素,所以它会显示在那里。但是,如果您想要设计单个元素的样式,那么附件定义毫无意义。

答案 1 :(得分:0)

我建议使用CSS3Pie在IE中执行圆角,而不是特定于IE的图形。

这是一个很好的解决方案,让IE支持标准的CSS border-radius样式。