我正在尝试实现以下目标:我正在使用 Bootstrap 、标准 btn 类。
到目前为止,背景图片的位置是正确的,但它被截断了。我试过 overflow: visible;
等...
.btn {
background: url('../images/button.svg') no-repeat;
background-repeat: no-repeat;
background-position: left;
padding-left: 80px;
}
<button class="btn btn-default btn-lg">GET A FREE QUOTE <i class="fa fa-chevron-right" aria-hidden="true"></i></button>
感谢您的帮助
最佳答案
您好,您可以使用下面的代码,我已将您的 png 文件上传到 mediafire。我还删除了您图片的背景。这是链接:http://www.mediafire.com/view/ddv9ce54d08488m/Ky5ME_burned.png
<!DOCTYPE html>
<html>
<head>
<a href="http://google.com">
<input type="image" src="Ky5ME_burned.png" alt="Submit" width="660" height="174">
</a>
</head>
</html>
关于带有溢出 SVG 背景的 HTML 按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43135942/