Question

当在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;
}

Answer 1

使用此：

background:fixed url(../images/sprite.png) no-repeat -272px -63px;

Answer 2

由于微软“纠正”了IE7的背景附件问题，现在无法在输入或textarea元素中溢出文本而没有背景滚动文本，如果你尝试“背景附件：固定;“背景甚至没有显示。因为没有真正的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>

Answer 3

如果我误解了您的问题，请提前抱歉。

您是否需要此功能，请点击以下网址查看IE8中的演示：

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

在ie8中输入更多文本时，Textarea背景图像滚动

3 个答案: