画像上のHtmlボタン

Question

画像の上に次のようなボタンやリンクが表示されるのはどうですか？下の画像の赤い楕円を参照してください。

私はこの画像をcarouselから取得しており、このようなスタイルを微調整しました。

<style> 
.carousel-inner > .item > img, 
.carousel-inner > .item > a > img { 
    width: 100%; 
    margin: auto; 
} 
</style> 

ボタンは外側にではなく画像に表示されるように幅= 100％にしました。

Answer 1

あなたはこの サイトのポイントのような何かをしたい場合はタイトルであなたの質問に答える非常に良いと簡単な記事があります。

HTMLを使用した単純なイメージのスライダーを作る方法、CSSとjQuery

あなたにこのリンクが便利です。このlink

希望に従ってください

Answer 2

.carousel-inner{position:relative;} 
.carousel-inner > .item > a{position:absolute; top:50%; margin-top:-20px; display:block;} 
.carousel-inner > .item > a.prev{left:20px;} 
.carousel-inner > .item > a.next{right:20px;} 

Answer 3

あなたがポジションを使用する必要があります。絶対あなたのCSSファイルのボタンやリンクのために。