0

大きな画像 (背景なし) を小さな div の中央に配置する回避策を見つけました。

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

#pic img {
 left:50%;
 margin-left: -100%;
 position:relative;
}

ポジショニングに満足しています。

ただし、Jquery サイクル プラグインを使用すると、画像の位置とサイズが完全に台無しになります。

要素を (DOM インスペクタを使用して) 検査すると、次の値に取り消し線が引かれます。

左:50%;

マージン左: -100%;

これが再配置の原因です。

Jqueryを使用した後、それらが突然無効になったのはなぜですか?どうすれば修正できますか?

助けてくれてありがとう！

スコット

4

1 に答える 1

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;
}
于 2012-07-12T10:15:37.710 に答える