当文本超出高度时,Textarea背景图像会滚动

时间:2010-06-15 10:47:02

标签: css scroll textarea background-image

我正在尝试解决IE7中的问题。

我的文本区域后面有一个背景图像,当文本超出文本区域的高度时,它会随文本滚动并开始滚动文本。

任何人都知道为什么会这样,这会是什么解决方案?

谢谢, 詹姆斯

3 个答案:

答案 0 :(得分:2)

这是仅在IE 6和7中发生的问题,已在IE8中解决。

要解决此问题,请尝试包装< textarea>在< div>中应用< textarea>的背景和边框属性到< div>,然后设置< textarea>的边框和背景没有。

您可能仍需要调整< div>的边距和填充。和< textarea>让它看起来恰到好处,但现在你应该指向正确的方向。

答案 1 :(得分:0)

您是否尝试过将background-position设为background-position: top center;? (或类似background-position: 50px center;。)

答案 2 :(得分:0)

使用:

textarea { background: transparent url(/images/test-bg.jpg) no-repeat top left; width: 500px; height: 230px; }

应该为您提供一个背景图像,该图像固定在textarea框的左上角,当文本超出初始尺寸时,该图像被修复。