html - 图片链接在 block 内时不起作用

标签 html css

你知道为什么我的图片链接在容器内时不起作用吗(图片是右侧的白色三 Angular 形)?请注意,在此 block 之外时它可以正常工作。 谢谢 enter image description here

CSS:

.block {
    position: relative;
    display: block;
    clear: both;
    overflow: hidden;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
}

.block img {
    float: right;
    margin-left: 40px;
}

最佳答案

添加此 CSS 应该可以解决您的问题:

.arrow-circle{
   position:relative;
   z-index: 9999;
}

关于html - 图片链接在 block 内时不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19211913/

相关文章:

javascript - 通过 alpha channel 的图像贴图

javascript - 'index.html' 中嵌入的“index.swf”在一页中两次显示同一网站。 HTML 标题标签/属性也显示值 'undefined'

javascript - HTML 字体和粗体不在 IE 11 中呈现,但在 chrome 中工作 - 从 javascript 动态

javascript - EXTJS——具有相同处理程序的多个 btns。如何在单击 btn 时添加 cls,然后在单击另一个 btn 时删除?

javascript - 使用 Javascript 更改 CSS 值

javascript - 最大距离光线转换

html - 修复 tbody 中的前两个 tr 行

css - sass 看多个目录

jquery - 为什么 jquery .val() 只更改隐藏输入字段的值属性?

jquery - 如何创建这样的交互式提示(内部示例)