HTML，CSS，Jquery中的按钮样式

Question

我在HTML页面中设置了背景.jpg图像。在.jpg图像的顶部，我放置了一个关于我们按钮。我想设置按钮的样式，如下面的网站

http://www.wix.com/sample/website-viewer?lng=en&site_id=1379243637074592

请帮助解决此问题

我的HTML文件是： -

<div class="feature_home" style="background-image: url('img/main.jpg');">
        <p class="feature_text">I really appreciate your guys help!</p>
        <a class="feature_button" href="/xyz-101/">About us</a>
    </div>

我的CSS文件是

.feature_home{
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    margin: auto; 
    min-width: 50%;
    min-height: 50%;
}
.feature_text{
    position:absolute;
    right:2px;
    bottom:15px;
}
.feature_button{
    right:2px;
    bottom:2px;
    position:absolute;
}`

TIA

Answer 1

您可以改善此项目以获得您想要的内容：http://cssdeck.com/labs/css-only-showhide