html怎么把这个文本框变为透明?
http://www.xs0515.cn/pansy/9/背景图片被文本框盖住了好难看怎么弄...
http://www.xs0515.cn/pansy/9/
背景图片被文本框盖住了 好难看 怎么弄 展开
背景图片被文本框盖住了 好难看 怎么弄 展开
6个回答
推荐于2017-09-02 · 知道合伙人互联网行家
freezing866
知道合伙人互联网行家
向TA提问 私信TA
知道合伙人互联网行家
采纳数:145
获赞数:1032
六年网站开发经验,开发过的网站超过百个。擅长B2B、B2C、营销型网站开发。公司网址:www.wangyingshi.com
向TA提问 私信TA
关注
展开全部
input标签原来是带有白色的背景,如果要实现背景透明可以用css来控制背景:
1,把背景改成透明的
<input type="text" style="border:0px;background:rgba(0, 0, 0, 0); ">
2,直接隐藏背景
<input type="text" style="border:0px;background:none;">
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<tr bgcolor="#EFEFEF"> 你给tr 加了背景色了
把 bgcolor="#EFEFEF" 去掉
如果想要文本框也透明就看看下面的例子吧
样式表:
<style type="text/css">
<!--
.byte { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; WIDTH: 2em; COLOR: #ffffff; HEIGHT: 1.2em; TEXT-ALIGN: right; BORDER-RIGHT-WIDTH: 0px
}
.byte2 { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; WIDTH: 4em; COLOR: #ffffff; HEIGHT: 1.2em; TEXT-ALIGN: left; BORDER-RIGHT-WIDTH: 0px
}
.phone { BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW: hidden; BORDER-LEFT: #000000 0px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 0px solid}
-->
</style>
文本框:
<INPUT class=byte readOnly size=2 value=0 name=byte>
<INPUT class=byte2 readOnly value="/80 Byte" name=byte_limit>
<TEXTAREA class=phone onkeypress=CheckMsg() onkeyup=CheckMsg() onfocus=CheckMsgValue(); onclick=CheckMsgValue(); name=sm_smsMsg rows=5 cols=16>欢迎留言</TEXTAREA>
把 bgcolor="#EFEFEF" 去掉
如果想要文本框也透明就看看下面的例子吧
样式表:
<style type="text/css">
<!--
.byte { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; WIDTH: 2em; COLOR: #ffffff; HEIGHT: 1.2em; TEXT-ALIGN: right; BORDER-RIGHT-WIDTH: 0px
}
.byte2 { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; WIDTH: 4em; COLOR: #ffffff; HEIGHT: 1.2em; TEXT-ALIGN: left; BORDER-RIGHT-WIDTH: 0px
}
.phone { BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW: hidden; BORDER-LEFT: #000000 0px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 0px solid}
-->
</style>
文本框:
<INPUT class=byte readOnly size=2 value=0 name=byte>
<INPUT class=byte2 readOnly value="/80 Byte" name=byte_limit>
<TEXTAREA class=phone onkeypress=CheckMsg() onkeyup=CheckMsg() onfocus=CheckMsgValue(); onclick=CheckMsgValue(); name=sm_smsMsg rows=5 cols=16>欢迎留言</TEXTAREA>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用滤镜
<textarea style='filter:alpha(opacity=60)'></textarea>
<textarea style='filter:alpha(opacity=60)'></textarea>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
http://wenku.baidu.com/view/66923f670b1c59eef8c7b4c1.html
看看这个文档,没有楼上这么多代码,也是简单易行的……不错的哦;当然,楼上的代码除了复杂还是不错的
看看这个文档,没有楼上这么多代码,也是简单易行的……不错的哦;当然,楼上的代码除了复杂还是不错的
参考资料: http://wenku.baidu.com/view/66923f670b1c59eef8c7b4c1.html
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询