0

在 ie8 中输入更多文本时，Textarea 背景图像滚动，我在 css 中使用了精灵概念，所以当输入更多文本时，它会显示另一个图像作为背景

textarea{
  border:0 none; 
  background:url(../images/sprite.png) no-repeat -272px -63px; 
  max-height:80px; 
  max-width:191px; 
  overflow-y: auto;
}
4

3 回答 3

0

用这个： 

background:fixed url(../images/sprite.png) no-repeat -272px -63px;
于 2012-06-18T09:42:14.083 回答
0

如果我误解了你的问题，请提前道歉。

你需要这个吗，点击以下网址查看IE8中的Demo：

http://jsfiddle.net/rathoreahsan/MmVwA/4/

于 2012-06-18T10:05:45.820 回答
0

由于微软“纠正”了 IE7 的背景附件问题，现在无法在 input 或 textarea 元素中出现文本溢出并且没有背景滚动文本，如果您尝试“background-attachment：fixed;” 背景甚至不显示。因为没有真正的css hack解决问题，你需要考虑css。代替仅设置 textarea 元素的样式，为 textarea 创建一个类似于容器的补充 div，并将背景图像应用于 div，而不是 textarea。让没有边框和背景的textarea做出适当的叠加。所以我正在使用这样的代码

.textarea_div{background:url(../images/sprite.png) no-repeat -272px -63px;}
textarea{border:0 none; 
max-height:80px; 
min-height:80px; 
max-width:191px; 
min-width:191px;}

HTML

<div class="textarea"><textarea></textarea></div>
于 2012-06-18T09:52:29.160 回答