Question

在我开始之前，这是我的JSFiddle

https://jsfiddle.net/on652pk6/ with css https://jsfiddle.net/8zq922nd/1/ without css

按钮无法在jsfiddle中正确加载，因为我不确定如何引用按钮的图像文件，但你可以看看它应该如何看看officialsamsmith.com

所以这就是我的问题：顶部的所有按钮都应该链接到各自的网站，但是只有在没有应用样式的情况下才会这样做。一旦我设置了按钮的样式，它们就会中断。如果必须的话，我会诚实地从头开始研究CSS，但在我切换到新主机之前，我没有遇到这个问题。自从我记得他们工作以来我唯一改变的事情（自从我参与这个项目以来已经过了几个月）就是按钮（这是png文件）之前是永久链接的，现在我直接引用该文件。

我真的希望我不会错过任何极其明显的东西，但无论如何，谢谢你的帮助。

Answer 1

您的#inprogress掩盖了这些链接。做这样的事情：https://jsfiddle.net/on652pk6/2/

.buttonbox {
     text-align: center;
     height: 100px;
     width: 100%;
     padding-top:20;
        }
#inprogress {
     padding-top:0px;
     font-size: 75px;
     position: relative;
     margin:auto;
     text-align:center;
     letter-spacing: 30px;
}

从position: absolute移除#buttonbox并移除#inprogress上的填充。

造型时按钮会断裂

1 个答案: