时间戳

首页 > 解决方案 > 透明图像按钮

html - 透明图像按钮

问题描述

我做了一个按钮，打开后有点像下拉页面。我还制作了一个按钮来收回页面并将图像放入其中，但我想让按钮不显示，只显示图像。任何人都可以帮忙吗？

HTML：

<button onclick="close1()"><img src="https://cdn0.iconfinder.com/data/icons/user-interface-material-4-1/26/368-512.png" alt="close" width="30"></button>

标签： htmlcssbutton

解决方案

这是解决方案：

.transparent_button {
    	background-color: transparent;
        border: 0px;
    }
  <button class="transparent_button" onclick="close1()"><img src="https://cdn0.iconfinder.com/data/icons/user-interface-material-4-1/26/368-512.png" alt="close" width="30"></button>

但是对于编写更好的解决方案，您可以尝试这个（这不会无用地强制 CSS）：

<img onclick="close1()"src="https://cdn0.iconfinder.com/data/icons/user-interface-material-4-1/26/368-512.png" alt="close" width="30">

推荐阅读