<!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>
转载于:https://www.cnblogs.com/yuzhongwusan/archive/2009/04/26/1443801.html
