Jquery更改div/img的位置
我找到了一个解决办法,可以将一个大图像(没有背景)放在一个较小的div中居中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插件,它就会完全弄乱图像的位置和大小 当我检查元素(
#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设置吗?