0

我有以下代码可以在所有图像周围创建边框以及悬停效果，但是如何在选定图像（即社交按钮或徽标）上禁用它

img {
    padding: 5px;
    border: solid 1px #EFEFEF;
}
a:hover img {
    border: solid 1px #CCC;
    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
        box-shadow: 1px 1px 5px #999;
}
4

4 回答 4

1

您可以向您想要/不想拥有边框的图像添加一个类，然后通过在 css 中使用它们的类来设置不同的样式。

于 2013-10-10T10:49:32.577 回答
0

添加一个单独的类

.noshadow{ border:none; box-shadow:none}

将此类添加到不需要 box-shadow 和边框的元素

于 2013-10-10T11:26:18.297 回答
0

您应该在 css 中写入图像的完整路径，例如

 div.hover-img ul li p a:hover img {
     border: solid 1px #CCC;
     -moz-box-shadow: 1px 1px 5px #999;
     -webkit-box-shadow: 1px 1px 5px #999;
         box-shadow: 1px 1px 5px #999; }

这个额外.hover-img的类和图像路径可帮助您仅识别需要在悬停位置加边框的图像。

于 2013-10-10T10:53:20.267 回答
0

使用css not selector

像这样

html 标记

<div>
<img src="http://images03.olx.in/ui/3/20/99/45761199_1.jpg" alt="not found"/>
    <img src="http://i1-news.softpedia-static.com/images/news2/Facebook-Changes-Font-Size-Users-Grab-Their-Pitchforks-2.jpg" alt="not found" class="noborder"/>
</div>

css

img:not(.noborder) {
    border: 2px solid red;
}

请参阅文档并在此处使用

演示小提琴

于 2013-10-10T10:52:30.320 回答