1

そこで、jQuery サイクル プラグインを使用して jQuery スライドショーを作成しています。

コードの一部はからまで<input type="button">の値を持つ を生成します(ここではスライドの総数に等しい)1ii

スライドショーの画像の上に表示されるように、これらのボタンのスタイルを設定しようとしています。ただし、ボタンを絶対配置しようとすると、すべてが重なり合ってしまいます。なぜこれが起こっているのかは理解していますが、それを回避する方法がわかりません。

これは、JavaScript が生成するボタンをターゲットにする方法です。

input[type=button] {
position: absolute;
left: 400px;
}

ボタンがスタックしないようにするにはどうすればよいですか?

4

3 に答える 3

1

Position が絶対の場合、それぞれに対して left と top を個別に定義する必要があります。

または、一緒に使用することもできposition:relativeますmargin:5px; float:left;

ありがとうございました、

于 2013-03-28T04:44:37.693 に答える
0

絶対配置を試みる代わりに、画像をフローティングさせてみてください。

input[type=button] {
position: relative;
float: center;
padding: 10px;
}

これにより、積み重ねがなくなり、境界線を簡単に追加して、これを自由にカスタマイズすることもできます. これは、私が必要だと思ったことの一般的な説明です。

于 2013-03-28T03:41:52.093 に答える
0

ボタンの代わりにタグを使用しましたが、それほど大きな違いはないと思います。とにかく、垂直にしたい場合は、次のようにします。

HTML:

<h1>Example</h1><br />
        <h1>Example1</h1><br />
        <h1>Example2</h1><br />

CSS:

h1{
      position: relative;
      float: none;
      padding-bottom: 10px;
}

これは非常に単純な CSS 作業であるため、それほど長くはかかりませんが、これは良い出発点です。また、積み重ねた外観を作成するため、複数のオブジェクトではなく 1 つのオブジェクトのみを処理する場合を除き、絶対配置の使用はお勧めしません。お役に立てれば。

于 2013-03-28T04:42:05.110 に答える