文本區域的背景圖像

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