Question

您好我有3个标志（意大利语，德语，英语），目的是为了改变整个网站的语言。如何在悬停效果上创建一个可以与IE一起使用的边框？

这是CCS

.miniflags {
    float:right
    margin : 5px 20px;
    padding-right:10px;
}

这里是HTML

<div id="bandiere">
    <a><img src="ita.png" class="miniflags" /></a>
    <a><img src="ger.png" class="miniflags" /></a>
    <a><img src="eng.png" class="miniflags" /></a>
</div>

Thanx寻求帮助

亚历

Answer 1

~~如果您将miniflags类应用于<a>，:hover伪选择器将起作用。~~

miniflags课似乎没必要。请记住:hover仅适用于旧版IE中的链接，因此您需要将其应用于<a>代码而不是<img>。

<div id="bandiere">
    <a><img src="ita.png" /></a>
    <a><img src="ger.png" /></a>
    <a><img src="eng.png" /></a>
</div>

<style type="text/css">
    #bandiere img {
        float:right
        margin : 5px 20px;
        padding-right:10px;
    }

    #bandiere a:hover, #bandiere a:focus {
        border: 1px solid red;
    }
</style>

Answer 2

添加

.miniflags img:hover {
    border: 1px solid #000;
}

或

.miniflags a:hover {
    border: 1px solid #000;
}

到你的css

我相信第二个会更好（a：悬停）

Answer 3

IE（直到6 IIRC）只允许悬停链接。因此，您必须将:hover添加到a而不是图像。 <a>必须具有href属性才能实现此目的。

悬挂边框的标志

3 个答案: