Question

由于这个问题，我已经被困了好几个小时。我有一个div container，它在链接button之前插入了一个动态创建的片段。但是，链接不会显示。如果我将链接更改为<input type="image">或<input type="button">，则会显示该链接。我可以获得链接显示的唯一方法是使用绝对定位，但这只会破坏其他所有内容。

这是HTML

<div id="container">
    <a href="#" id="button" onClick="function();"></a>
</div>

这是我的CSS

#container {
    display: none;
    background: url(../img/background.png) top left repeat;
    text-align: center;
    padding-top: 55px;
    padding-bottom: 68px;
    width: 100%;
}

#button {
    margin: 10px;
    width: auto;
    height: 40px;
    background: url(../img/button.png) no-repeat bottom;
    background-size: 100% 100%;
}

#button:hover {
    background: url(../img/buttonpress.png) no-repeat bottom;
}

有谁知道造成这种情况的原因是什么？

Answer 1

您应该在链接上尝试display: block;。

Answer 2

据我所知，CSS适用于类。所以，更改此代码：

<div id="container">
<a href="#" id="button" onClick="function();"></a>
</div>

到

<div id="container">
<a href="#" class="button" onClick="function();"></a>
</div>

应该完美无缺。编辑：并删除显示：也没有。

链接没有出现在div中，但是按钮有效

2 个答案: