Question

我正在尝试获取3张图片，这些图片也是指向其他页面的链接，但是当我将鼠标悬停在其他页面上时，它们会跳出原位。

任何帮助？

对于我的第二个媒体查询，我的CSS看起来像这样，我需要它在整个过程中继承。

#section_container_bottom figure {
    width: 100%;
    margin: 0 auto;     
    }

#section_container_bottom img {
    width: 25%;
    margin: 3%;
    }

#section_container_bottom img a:link, a:visited, a:active, a:hover {
        display: block;
        }

这是HTML

<section id="section_container_bottom">
    <figure>
        <a href="javascript:void(0)"><img src="Sources/USE/latest-colors.png" alt="An overview of the latest colors available at Paint Republic"></a>
        <a href="javascript:void(0)"><img src="Sources/USE/inspiration.png" alt="Some inspiration provided by Paint Republic for you when looking to repaint in your own home"></a>
        <a href="javascript:void(0)"><img src="Sources/USE/color-expert.png" alt="Contact one of the color experts that are available through Paint Republic"></a>
        <div class="clear_float"></div>
    </figure>
</section>

我是否有display：block？

的显示问题

Answer 1

请更改css中的以下代码行

<强> CSS

#section_container_bottom a:link, a:visited, a:active, a:hover {
  display: inline;
}

Answer 2

CSS逗号选择器需要在逗号后重复。

REF CURSOR

HTML和CSS新手，链接在悬停时移动

2 个答案: