0

由于这个问题，我已经完全被困了几个小时。我有一个 div container，它在链接之前插入了一个动态创建的片段button。但是，链接不显示。如果我将链接更改为<input type="image">or <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;
}

有谁知道这可能是什么原因造成的？

4

2 回答 2

2

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

于 2013-09-07T15:20:37.753 回答
-1

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

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

至

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

它应该可以完美运行。编辑：并删除 display:none 。

于 2013-09-07T15:22:35.470 回答