问可单击区域扩展到容器(图像)
EN

Stack Overflow用户

提问于 2012-11-17 00:58:57

回答 1查看 93关注 0票数 0

我已经在链接中设置了图像，它可以工作，只是单击区域扩展到整个容器(图像的父容器)。(下图中的橙色部分)

可点击区域的

下面是代码中有关这个问题的部分(我没有把所有的内容都放进去，所有的图像都有相同的问题)：

HTML:

<a href="img/tableau/tableau-01.jpg">
    <img src="img/tableau/tableau-01.jpg" alt="tableau 01"/>
</a>

<a href="img/tableau/tableau-02.jpg">
     <img src="img/tableau/tableau-02.jpg" alt="tableau 02"/>
</a>

<a href="img/tableau/tableau-02.jpg">
    <img src="img/tableau/tableau-03.jpg" alt="tableau 03"/>
</a>

CSS:

#container {
    position: relative;
    margin: 0 auto;
    width: 960px;
    height: 900px;
}

img {
    height: 50%;
    width: 50%;
    max-width: 100%;
    border: 1px rgba(255, 255, 255, 0.1) solid;
    margin: 0 auto;
    display: block;
    -webkit-transition: all ease-in 0.13s;
       -moz-transition: all ease-in 0.13s;
         -o-transition: all ease-in 0.13s;
        -ms-transition: all ease-in 0.13s;
            transition: all ease-in 0.13s;
    margin-bottom: 25px;
}

还有网站链接

css

回答 1

Stack Overflow用户

发布于 2012-11-17 01:09:36

你为什么把显示设置为阻止？如果您删除它，并让默认的，我认为是内联阻止，它修正了它。如果你想让它中心，你可以使用其他方法。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/13426585

复制

相似问题

问可单击区域扩展到容器(图像)
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问可单击区域扩展到容器(图像)EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问可单击区域扩展到容器(图像)
EN