Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Hov将设置一个;“无悬停”;_Css_Image_Hover_Fancybox - Fatal编程技术网

Css Hov将设置一个;“无悬停”;

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.

我在主体中有一个fancybox的悬停,它工作得很好,但在同一页的报头中,我有一个XimageRotator,它也工作得很好。问题是我不希望桅杆头具有悬停属性。那么我如何为报头设置“无悬停”。作为一个新手,任何帮助都会被感激的

悬停代码:

<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