-1

我有以下代码生成一个徽标，该徽标显示在正确的位置，但a href=""为什么不起作用？

HTML：

<div class="banner">
    <span><a href="<?php echo BASE_URL()?>link" title="View information about award"></a></span>
</div>

CSS： 

div.banner{
            width:592px;
            height:1px;
            position: fixed;
            top:0;
            right:0;
            overflow: visible;
        }
        div.banner span{
            display: block;
            position: fixed;
            top: 0;
            right: 0;
            background: url(../../../i/ribbon.png) top right no-repeat;
            width: 197px;
            height: 145px;
            text-indent: -999em;
        }
        div.opens span a{
            display:block;
            width: 197px;
            height: 145px;
        }
4

3 回答 3

3

您的链接类应该是div.banner span a而不是div.opens span a. 因此，您的链接没有文本，因此没有宽度，因为 CSS 规则不适用。所以没有什么可以点击的。

于 2013-03-01T19:31:43.367 回答
0

可能你需要这样的东西

<div class="banner">
    <span>
          <a href="<?php echo BASE_URL().'/thisFile.html'; ?>" title="View information about award">
          This is the link to the file
          </a>
    </span>
</div>
于 2013-03-01T19:34:34.050 回答
0

jsfiddle 上的演示

我想，我不能告诉你为什么你的代码不能具体工作，但我看到了一些可能的事情......这就是我将如何处理它。如果您将整个横幅设置为链接，那么单击页面外 -999em 的一些文本会更容易吗？

您实际上并不需要定位包装器，但为了保持模块化，它可以帮助您在不同的上下文中一遍又一遍地使用这些横幅类。

如果我偏离了这个问题，请告诉我，我会试着转过头来。

HTML

<div class="fixed-wrapper">

    <a class="banner" href="#">

        Some words for robots and for assistive text ?          

        <span class="open">a different image I'm assuming?</span>

    </a> <!-- end .banner -->

</div> <!-- end .fixed-wrapper -->

CSS

.fixed-wrapper {
    position: fixed;
    top: 0; right: 0;
}

.banner {
    position: relative;
    display: block;
    width:592px;
    height:145px;

    background-color: #f06;
}

.banner {
    text-indent: -999em;
}

.open {
    display:block;
    position: absolute;
    top: 0; right: 0;
    width: 197px;
    height: 145px;

    background-color: orange;
}

.banner:hover .open {    
    background-color: yellow;
}

/* i assume that your .open does something... */

jsfiddle 上的演示

于 2013-03-01T20:01:42.473 回答