0

私のページにカルーセルがあります。親要素と子要素の両方のエッジが湾曲していますが、「次へ」または「前へ」を押してカルーセルをスライドすると、移動時に子が湾曲したままになりません。どうすればこれを防ぐことができますか?

.holder {
width:650px;
margin:200px auto;
overflow:hidden;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#s7 #posts {
width: 620px; 
padding: 15px; 
color: #333; 
font-size: 14px; 
text-align:left; 
background:#EEE;
line-height:16px;
min-height:500px;
overflow:visible;
z-index:-1;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
4

2 に答える 2

0

実際、私はそれが曲がったままであることを確信しています、それは見るのがほんの少し速いです。アニメーション化中に中央が表示されているため、湾曲していないように見えます。もちろん、湾曲していません（たとえば、左上隅ではなく、ボックスの上部が表示されています）。

親に半径を追加すると、div#s7設定されます。

于 2011-04-14T02:03:40.497 に答える
0

CSSをJavaScriptに渡していることを確認してください。border-radiusむしろ、JS/JQueryがCSSを削除していないことを確認してください。

<div>Firebugを使用すると、生成されるすべてのsにborder-radiusプロパティが割り当てられていないことがわかります。JS内にその属性を追加すると、問題が解決するはずです。

于 2011-04-14T07:09:29.037 に答える