html设置按钮背景颜色与背景图片一样，即设置按钮背景透明

来源：互联网发布：货架重量计算软件编辑：程序博客网时间：2024/06/09 21:38

关于html中如何设置按钮背景与背景图片一样，寻思了好久，代码如下

<style type="text/css">.banner .container .middle > a {    <!--margin-left:640px;    margin-top:500px;-->    font-size: 18px;    position: relative;    display: inline-block;    padding: 17px 93px;    text-decoration: none;    color: white;    border: 1px solid white;    border-radius: 2px;    background-color: transparent;    font-family: Muli,'Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei','Microsoft Yahei',sans-serif !important;}.btn{text-align: center;}   </style><body><div class="bg">    <img src="qx1.jpg" /></div>

最后引用CSS样式

<div class = "btn"><section class="banner">    <div class="filter"></div>    <div class="container">        <div class="middle">            <a href="#">                立即注册            </a>        </div>    </div></section></div>

结果如下图所示，此处用的是FireFox浏览器
这里写图片描述

3 0