Question

我只是html的初学者。我正在尝试将背景图像用于文本区域。它在firefox中看起来很好，但在Internet Explorer中却没有。

我的HTML代码

<textarea id="message" class="txt_area" 
    onFocus="remove_email('message','Message');" 
    onKeyPress="chgclr('message','Message')"  
    rows="" name="message" cols="">Message</textarea>

我的css：

.txt_area{ 
    background-image:url(../images/textarea_normal.png); 
    background-color:transparent; 
    background-repeat:no-repeat;
    color:#999999; 
    width:311px; 
    height:91px; 
    padding-left:35px; 
    padding-right:10px; 
    border:0px; 
    padding-top:10px; 
    padding-bottom:10px; 
    font-size:12px; 
}
.txt_area:focus{ 
    background-image:url(../images/textarea_focus.png); 
    color:#000000;
}

在Internet Explorer中，如果我在文本区域中输入文本，则背景图像也会随内容滚动。我正在使用ie7。我怎样才能纠正它？

Answer 1

尝试添加背景附件属性： http://www.w3schools.com/cssref/pr_background-attachment.asp

文本区域的背景图像

1 个答案: