Jquery改变div / img的位置

时间:2012-07-12 09:54:01

标签: 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循环插件,它就会完全弄乱图像的位置和大小。

当我检查元素时(使用DOM检查器),它会触发以下值:

<击>左:50%;

margin-left:-100%;

这导致重新定位。

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

感谢您的帮助!

斯科特

1 个答案:

答案 0 :(得分:0)

您可以尝试在css中添加!important

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