代码之家 › 专栏 › 技术社区 › Gayathri Mohan

按钮内带有背景图像的定位标记将重定向到background href,而不是button onclick链接。

css html jquery javascript

Gayathri Mohan · 技术社区 · 7 年前

我有一个带有href和背景图片的DIV,我也有一个带有onclick的按钮,但是当我试图单击按钮时,它不会重定向按钮链接,因为它会重定向背景href链接。

<div class="banner-container">
<div class="banner-box">
    <div class="banner-div">
        <div class="bannerheading">
            <p><span>The correct link should be&nbsp;</span></p>
        </div>
        <div style="text-align: test">
            <button id="ngwr40hslzejpruyuvx" onclick="window.open('https://stackoverflow.com/')" data-gahref="https://stackoverflow.com/" class="btn btn-primary btn-xs newtab">Learn more</button>
        </div>
    </div>
    <a href="https://www.google.com/">
        <div class="banner-img" style="background-image:url('https://ssl.gstatic.com/gb/images/i1_1967ca6a.png');">
        </div>
    </a>
</div>

没有了对HTE HTML的管理,任何人都能帮上忙吗? https://jsfiddle.net/uqbhcdn6/2/ ,如何重定向按钮单击?

2 回复 | 直到 7 年前

Syamsoul Azrien 7 年前

只需添加CSS pointer-events: fill; 到按钮…

<button style="pointer-events: fill;" id="ngwr40hslzejpruyuvx" onclick="window.open('https://stackoverflow.com/')" data-gahref="https://stackoverflow.com/" class="btn btn-primary btn-xs newtab">Learn more</button>

我编辑你 fiddle 为了你的安逸: https://jsfiddle.net/syamsoul/a8e1kng7/1/

Tanuju 7 年前

去除 指针事件:无 对于.banner div类。上述属性不响应指针事件,因此无法执行单击/悬停事件。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

1 年前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前