Css Hov将设置一个;“无悬停”;
我在主体中有一个fancybox的悬停,它工作得很好,但在同一页的报头中,我有一个XimageRotator,它也工作得很好。问题是我不希望桅杆头具有悬停属性。那么我如何为报头设置“无悬停”。作为一个新手,任何帮助都会被感激的 悬停代码:Css Hov将设置一个;“无悬停”;,css,image,hover,fancybox,Css,Image,Hover,Fancybox,我在主体中有一个fancybox的悬停,它工作得很好,但在同一页的报头中,我有一个XimageRotator,它也工作得很好。问题是我不希望桅杆头具有悬停属性。那么我如何为报头设置“无悬停”。作为一个新手,任何帮助都会被感激的 悬停代码: <link rel="stylesheet" type="text/css" media="screen" href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/1.3.4/jquery.
<link rel="stylesheet" type="text/css" media="screen"
href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/1.3.4/jquery.fancybox-1.3.4.css" />
<style type="text/css">
a.fancybox img {
border: none;
box-shadow: 0 1px 7px rgba(0,0,0,0.6);
-o-transform: scale(1,1); -ms-transform: scale(1,1); -moz-transform: scale(1,1); -
webkit-transform: scale(1,1); transform: scale(1,1); -o-transition: all 0.2s ease-in-out; -
ms-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
a.fancybox:hover img {
position: relative; z-index: 999; -o-transform: scale(1.03,1.03); -ms-transform
scale(1.03,1.03); -moz-transform: scale(1.03,1.03); -webkit-transform:
scale(1.03,1.03); transform: scale(1.03,1.03);
}
</style>
a、 fancybox img{
边界:无;
盒影:0 1px 7px rgba(0,0,0,0.6);
-o变换:尺度(1,1);-ms变换:尺度(1,1);-moz变换:尺度(1,1)-
webkit变换:缩放(1,1);变换:缩放(1,1);-o变换:所有0.2缓进输出-
ms转换:所有0.2s输入输出;-moz转换:所有0.2s输入输出;-webkit-
过渡:所有0.2秒缓进-缓出;过渡:所有0.2秒缓进-缓出;
}
a、 fancybox:悬停img{
位置:相对;z索引:999;-o变换:比例(1.03,1.03);-ms变换
缩放(1.03,1.03);-moz变换:缩放(1.03,1.03);-webkit变换:
比例(1.03,1.03);变换:比例(1.03,1.03);
}
您可以在JSFIDDLE中添加HTML或设置吗?这是在HTML的开头。作为一个新手,我也不知道jfiddle是什么或做什么。感谢您将:悬停效果应用于选择器。fancybox
。只是不要将该类设置为您不希望它们具有:hover
效果的元素。请参阅(右侧的图像没有类fancybox
)。。。。或者更好,使用另一个类来实现效果,并为fancybox保留fancybox
类