<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>textarea背景图片设置</title><br />
<style type="text/css">
#MrJin_52CSS {
display:block;
width:350px;
height:240px;
background: url(textarea背景.jpg) no-repeat 10px 30px;/*注意不是left top*/
_background-attachment:fixed;
border:1px solid #06f;
padding:5px;
word-warp:break-word;/*IE 长英文单词断行*/
word-break:break-all;/*IE 长英文单词断行*/
overflow:hidden;/*ff 长英文单词断行(未解决)*/
}
</style>
</head>
<body>
<h1>background-attachment的使用</h1>
<p>background-attachment的使用,用于textarea背景图片滚动的消除。背景图片不会再随文字的增多而移动。过去需要加一个额外的DIV来使图片固定，用这个属性可以减少一个div
但是input type="text"依然没有解决这个问题。</p>
<p>长英文单词断行，FF下没有解决，只能overflow:hidden;但是效果不好。</p>
</body>
</html>