ハイパーリンクは、私は、PHPの助けを借りてmycarouselからスライドショーを設計している正常に動作しているが、上のカルーセルのFRNTにクロム

Question

www.encyclopediasindhiana.org/index2.phpに

をカルーセルスライドショーの側にワークアウトされていません左側には、ハイパーリンクが回転の高さまで機能していません。左側には、画像がリンクで覆われている高さと同じ大きさであれば、すべてのリンクが機能していません......キャロセルの高さが小さいので、3番目のスライド/画像を試してみてください。 なぜこれはクロムで起こっているのですが、Internet Explorerではすべてのリンクが正常に機能しています。

私は

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

#myCarousel.carousel.slide {width: 100%; max-width: 539px; !important} 
.carousel-caption { 
background:rgba(0, 0, 0, 0.3) !important; 
} 



</style> 

リンクはカルーセルできるJavaをouteside働いていないdecleared私はindex2.phpで、幅539、高さの自動、CSSで

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { 
display: block; 
max-width: 539; 
height: auto;} 

をdeclearedいるbootstap.min.cssファイル内

場合は、どうすれば、plz私は多くのJavaについて知らない

Answer 1

あなたの質問から私が理解したことは、いくつかのハイパーリンクは、カルーセルのコンテナクリック可能ではないリンク。簡単な解決策は、カルーセルに関する最も近いブロックからクラス名「コンテナ」を削除することです。代わりにclass = "container sd"の代わりにclass = "sd"を使用します。 クラス名 "container"は、適切な領域と適切な構造で使用する必要があるブートストラップcssの事前定義クラスです。

デバッグでは、firebugなどのhtml/cssインスペクタツールを使用して、DOMツリーについて学ぶのに役立ちます。

Answer 2

ブラウザのデベロッパーツールを使用してページ上の要素を調べると、カルーセルの左側には<div class='container sd'>があり、リンクが重なっていることがわかります。 containerクラスを削除すると、カルーセルのセンタリングにわずかな影響を与えるリンクが '修正'されます。

The relevant Bootstrap documentationは、具体的には、コンテナはネスト可能ではないと述べています。すでにcontainer-fluidを一番上の要素として使用しているため、そのセンタリングの問題を解決する必要があります。