jquery更改div/img的位置

Question

我找到了一個解決方法，以在較小的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後它們全都突然無效了，我該如何解決這個問題？

謝謝你的幫助！

斯科特

Answer 1

您可以嘗試在CSS

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