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

Question

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

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

Answer 1

由于微软“纠正”了 IE7 的背景附件问题，现在无法在输入或文本区域元素中出现文本溢出并且背景不会随文本滚动，如果您尝试“背景附件:固定的;”背景甚至不显示。因为没有真正的 css hack 可以解决问题，您需要考虑 css。而不是仅设置 textarea 元素的样式，为 textarea 创建一个类似容器的补充 div，并将背景图像应用于 div，而不是 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>