0

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

コードの一部は、 from to を含むいくつか<input type="button">の要素を生成します(ここで、スライドの総数に等しい) 。value1ii

スライドショーの画像の上に表示されるように、これらのボタンのスタイルを設定しようとしています。その部分は大丈夫です。ただし、それらは画像全体に水平に並んでおり、画像の上に垂直に表示したいと思います。

どうすればこれを行うことができますか？

これは現在、私のCSSがどのように見えるかです:

input[type=button] {
    position: relative;
    float: center;
    padding: 10px;
    left: 750px;
    z-index: 1000;

}
4

2 に答える 2

0

これを交換 

input[type=button] {
    position: relative;
    float: center;
    padding: 10px;
    left: 750px;
    z-index: 1000;
}

これに 

input[type=button] {
    position: relative;
    padding: 10px;
    left: 750px;
    z-index: 1000;
}

これに慣れていないのfloat: centerはwrong property

のみに使用されfloat: left、float: right;

フロートについて

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

入力に追加することで効果を得ることができdisplay:blockます.. http://jsfiddle.net/NqN5y/6/

input[type=button] {
    padding: 10px;
    position: relative;    
    left: 350px;
    z-index: 1000;
    display:block;
}

別の簡単な解決策は、ボタンを div に含めることです。div とビンゴの固定幅を設定します。

http://jsfiddle.net/NqN5y/1/

<div id="buttons">
<input type="button" value="1"/>
<input type="button" value="2"/>
<input type="button" value="3"/>
<input type="button" value="4"/>
</div>

input[type=button] {
    position: relative;
    float: center;
    padding: 10px;
    left: 350px;
    z-index: 1000;
}

#buttons{width:50px;}

その後、位置スタイルをコンテナ div に移動できます。http://jsfiddle.net/NqN5y/5/

input[type=button] {
    padding:10px;
}

#buttons{width:50px;background-color:#afa;
    position: relative;
    left: 350px;
    z-index: 1000;
}
于 2013-03-28T04:08:11.767 に答える