Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.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
Jquery更改div/img的位置_Jquery_Image_Html_Positioning - Fatal编程技术网

Jquery更改div/img的位置

Jquery更改div/img的位置,jquery,image,html,positioning,Jquery,Image,Html,Positioning,我找到了一个解决办法,可以将一个大图像(没有背景)放在一个较小的div中居中 #pic { width: 60%; height: 349px; float:right; overflow:hidden; position:relative; } #pic img { left:50%; margin-left: -100%; position:relative; } 我对定位很满意 然而,一旦我使用Jquery cycle插件,它就会完全弄乱图像的位置和大小 当我检查元素(

我找到了一个解决办法,可以将一个大图像(没有背景)放在一个较小的div中居中

#pic {
 width: 60%;
 height: 349px;
 float:right;
 overflow:hidden;
 position:relative;
}

#pic img {
 left:50%;
 margin-left: -100%;
 position:relative;
}
我对定位很满意

然而,一旦我使用Jquery cycle插件,它就会完全弄乱图像的位置和大小

当我检查元素(使用DOM检查器)时,会删除以下值:

左:50%

左边距:-100%

这导致了重新定位

为什么在使用Jquery之后,它们突然变得不再有效了?我该如何解决这个问题

谢谢你的帮助


斯科特

您可以尝试添加!在css中很重要

 #pic {
 width: 60% !important;
 height: 349px;
 float:right;
 overflow:hidden;
 position:relative;
}
#pic img { 
left:50%;
 margin-left: -100% !important;
 position:relative;
}

我不知道循环插件。。。但它看起来像是在覆盖这些css属性的值。可能该插件提供了一些自定义功能,您可以在其中手动设置这些值。该插件很可能附带一个css文件,该文件很可能会覆盖您的css。这就是该插件:但它没有css。js文件会影响CSS设置吗?是的,插件(javascript)实际上会影响您设置的样式。它的功能是直接影响DOM的事件,例如(在本例中)鼠标悬停。影响这些属性的实际上是插件如何实现其预期效果。看看,尤其是cssFirst选项。我没有亲自使用过这个,但可能是一个开始。这确实有效!然而,我现在将尝试使用一个不同的Jquery,它首先不会影响CSS——让我们看看,谢谢!有人知道是否有一个jquery脚本不影响我的CSS设置吗?