html - CSS 背景不可点击 - href =""不工作

标签 html css hyperlink

<分区>

我有以下生成 Logo 的代码, Logo 显示在正确的位置,但 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;
        }

最佳答案

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

关于html - CSS 背景不可点击 - href =""不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15165352/

上一篇:javascript - 覆盖 CSS 规则

下一篇:css - 更正 CSS 以覆盖 Bootstrap 中的下拉菜单项

相关文章:

css - 特殊字符无法正确显示(CSS 文件、UTF-8)

jquery - "Direct link to any fancybox",但地址栏中有 URL

jQuery Accordion 链接问题

jquery - 使用 Jquery 销毁和重新创建相同的 DOM 元素

html - UserComments 架构上的 dtstart 警告

javascript - Css 滚动条自动滚动添加内容

javascript - 如何隐藏选择字段中的所有其他选项字段

html - 基于不工作的流动边距将文本居中到页面

html - Vuetify v-data-table固定 header 不起作用

regex - 如何获取/提取 Google 表格单元格的链接和文本?