1

我有一个网站模板，我正在使用http://www.travenwest.com/projects/dev2，左侧的扩展框有问题（至少这是我的多个问题之一）。我希望它们成为其他网页的链接，我想知道是否有办法让整个框成为一个链接，因为它从 250 像素扩展到 100%。目前我只是在基本链接中设置了“嘿”，<a href="http://google.com>Hey</a>但正如我所说，我希望整个框在扩展时成为一个链接。另外，我更愿意将它保存在 HTML/CSS 中，因为我完全没有 jQuery、JavaScript 等方面的经验。谢谢。

4

2 回答 2

2

只需将其添加到您的CSS

#box a{    
    display:block;
    width:100%;
    height:80px;
    position:relative;
    z-index:1;
    line-height: 80px
}

演示：http: //jsfiddle.net/enve/fur5D/1/

于 2013-04-28T21:48:49.703 回答
1

为您的锚标签提供以下样式：

a {
    width: 100%;
    height: 100%;
    display: block;
}

此外，您不应该使用<center>标签来定位您的文本链接。你应该给你的盒子一个匹配class，例如.box 这样你就可以在你的 CSS 文件中定位它们，而不必为多个ID's重复相同的 CSS

.box {
    width: 250px;
    height: 80px;
    border-bottom: 3px solid #000000;
    border-right: 3px solid #000000;
    transition: width 5s;
    -webkit-transition: width 2s;
    text-align: center;
}

.box:hover {
    width: 100%;
    border: 3px solid #000000;
}

添加text-align: center;将使您的链接文本居中，而无需额外的标记

于 2013-04-28T21:49:19.987 回答