Question

所以我有一张黑白照片作为我的背景，我正在为我的网站制作联系页面。一切顺利，唯一的问题是我想制作一个透明的按钮，周围有白色边框，如http://yokedesign.com.au/contact/任何想法？

Answer 1

您只需要按下按钮的background-color: transparent：

然后，如果你想让它完全融入背景，你也可以使边框透明。

Answer 2

您引用的特定示例是添加了边框的锚标记。它使用内联css进行样式设置，这不是最佳实践，但可以轻松地移动到外部css文件。大多数大型浏览器都包含捆绑或插件的开发人员工具。使用这些工具，您可以右键单击并检查页面上的元素，并查看应用的html和样式。

Answer 3

看起来您的示例使用带有CSS样式和JS处理程序的<a>锚点。这是一些CSS：

a.contact-submit {
    border: 1px solid #FFF;
    padding: 5px 10px;
    float: right;
    color: #FFF;
}

锚点（假设您正在使用jQuery）：

<form id="form-name">
    <a href="#" class="contact-submit"> SEND </a>
</form>
<script type="text/javascript">
    $(document).ready(function() {
        $('.contact-submit').click(function(e) {
            e.preventDefault();
            $('#form-name').submit();
        });
    });
</script>

你会如何制作透明按钮？

3 个答案: