JavaScript - CSS 画像カルーセル表示の問題
为情所困
为情所困 2017-05-31 10:41:15
0
5
645

<!DOCTYPE html>
<html lang="en">
<head>

リーリー

</head>
<body>
<p class="wrapper">

リーリー

</p>
<script type="text/javascript">

リーリー

</script>
</body>
</html>

なぜ最初の写真ではなく最後の写真が一番上に表示されるのか知りたいです。

为情所困
为情所困

全員に返信(5)
世界只因有你

<!DOCTYPE html>
<html>

リーリー

</html>

いいねを押す +0
刘奇

問題は .wrapper li{position:Absolute;left:0;top:0;} で発生します。この文の上では、すべての li が絶対位置にあり、位置は left:0、top:0、および次の部分になります。前の画像なので、Baidu でのカルーセル画像の書き方に従って最後に表示されるため、調整することはできません

いいねを押す +0
黄舟

リーリー

いいねを押す +0
淡淡烟草味

画像パスを配列に保存し、js を使用して画像の src 値を置き換えて、クリック再生を実現できます

いいねを押す +0
给我你的怀抱

すべての img 要素を絶対的に配置します。もちろん、最後の要素は一番上にあり、その親コン​​テナーも絶対的に配置します

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート