css表单中textarea域背景图片设置方法

来源：asp之家时间：2008-04-21 13:56:00　

如果你经常浏览网页一定见过很多网站在form表单中的文本域（textarea）中添加了的背景图片，一般是使用网站的logo，我记得我最早注意到的是网易（163.com）使用了这个效果，它在文本域的中间设置了logo背景。

如：

后来陆续在其它网站也看到了，像腾讯QQ

其实要实现这个方法，使用css很容易做到，当然如果用js也是可以的，不过CSS应该更标准。

具体css代码如下：

　<html ><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>css表单中textarea域背景图片设置方法 - asp之家</title><br /><style type="text/css">#ta_bg{ width:400px; height:300px; background:url(https://www.aspxhome.com/images/logo.gif) no-repeat 100px 120px; background-attachment:fixed;display:block;border:1px solid #000000; } </style></head><body><form action="https://www.aspxhome.com/program/2008/3565.htm" method="post" name="aspxhome"> <textarea name="ta_bg" id="ta_bg" >asp之家欢迎您！</textarea> <input name="Submit" type="submit" value="提交" /></form><p><a href="https://www.aspxhome.com/" >textarea域背景图片设置方法</a></p></body></html>

当然这个logo很清晰，您可以使用图像处理软件处理一下透明度，淡化一下背景logo，只要不那么抢眼就可以了。

标签：textarea,表单,背景,图片

投稿

css表单中textarea域背景图片设置方法

猜你喜欢

自动清空站点目录下所有文件

典型的三行二列居中高度自适应css布局

AJAX实现web页面中级联菜单的设计

Oracle对两个数据表交集的查询

MySQL中与NULL值有关的疑难问题

小白讲座：在win下mysql备份恢复命令概括

Asp教程:Response对象

mysql rand(x)生产重复随机序列

利用css的clear属性搞定广告文字环绕效果

ROW_NUMBER SQL Server 2005的LIMIT功能实现(ROW_NUMBER()排序函数)

asp如何用JMail POP3接收电子邮件？

5个款MySQL常用维护管理工具

ASP生成静态模版技术(带参数的标签)

ASP 字符串转数字格式

弹性+固宽布局

ASP脚本变量、函数、过程和条件语句

19个ASP编程基础典型代码

asp在sql server2000中新建帐号和给帐号权限代码

ASP中取得图片宽度和高度的类

asp如何定义参数？