textarea添加背景图片并控制定位

最新推荐文章于 2021-06-04 06:34:14 发布

原创最新推荐文章于 2021-06-04 06:34:14 发布 · 404 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Chrome #IE

Javascript 专栏收录该内容

55 篇文章

订阅专栏

本文介绍了一种使用CSS设置背景图片并精确固定位置的方法，并提供了具体的样式代码示例。需要注意的是，在不同浏览器如IE、Firefox和Chrome中可能会出现显示效果的差异。

<style>
	.img{
		background:url(gb.png) 0px 87px no-repeat fixed;/*fixed是图片背景图片不移位的关键，0和87像素需要自己微调*/
		width:490px;/*图片宽度*/
		height:100px;/*图片高度*/
		border:1px solid red;/*边框颜色，可以省略*/
	}
 </style>
 <textarea class="img" rows="6"></textarea>

注意：在IE，FF和chrome下显示存在差异。