0

ホームページで回転する 3 つの画像があります。一度に 1 つの画像が表示され、画像の下に 3 つのドットが表示され、1 番目、2 番目、3 番目の画像のいずれであるかが示されます。

ドットはクリックできるはずですが、そうではありません。

CSSは次のとおりです。

.body, html {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:300;background:#fff; background: url('http://www.ayrturfandtrac.org/wp-content/uploads/2012/12/headerImage4.png');background-repeat:repeat-x;width:100%;  margin:0; padding:0; }

.container{
    margin:0;
    padding:0;
    width:100%;
    height:100%;

    background-color:#ffffff;
}

.header {max-height: 100px}

.logo img {width:90%; min-height: 65px; max-width:400px; margin:0.5% 2% 1% 7%; float:left;}

.recLogo img {max-height: 140px; margin:0.5% 2% 1% 7%; float:left;}


.headlineContainer {display:block; width:80%; margin:0; position:relative; right:25%; font-weight:bold;}
.headline {margin:0;}

.nav {width:55%; margin:3.2% 0 0 0; float:left; max-height:100px}

.nav ul {}

.nav li {display:inline; height:30px; float:left; list-style:none; margin: 0 4.43668% 0 0;font-weight:bold}

.menu li a {text-decoration:none; color:#000; font-family:helvetica, arial, sans-serif; font-weight:regular;}

.menu li a:hover {color:#FFF}

.menu {float:right; margin:0 5% 0 0}

.current_page_item a:visited {color:#fff;}

.white {background-color:#fff;  background:url('http://www.ayrturfandtrac.org/wp-content/uploads/2012/12/headerImage4.png'); background-repeat:no-repeat; width:100%}

.promos {clear:both; width:80%; display:block; padding:5% auto 0 auto; margin: 0 auto; background-color:#fff; position:relative;bottom:2em; z-index:-1}

.rslides_tabs a {
background:#fff !important;
border: 2px solid !important;
border-color:#cccccc !important;
z-index:9 !important;
}

.rslides_tabs .rslides_here a {
background: #EE7600 !important;
border: 2px solid !important;
border-color:#cccccc !important;
z-index:9 !important;
}

このページはhttp://www.ayrturfandtrac.org/で見ることができます。

これらの 3 つのボタンを修正する方法について何かアイデアはありますか?

4

1 に答える 1

1

含まれているブロックの背後にスライド ショーをプッシュし、クリックが登録されないためz-index: -1、.promosクラスの が問題を引き起こしていることは正確です。.white

html と css の設定方法を再構成する必要があります。これにより、「ヘッダー」領域が、ロゴとナビゲーションと共に赤い背景とドロップ シャドウを含む独自の要素になり、それ自体を z-スライド ショー コンテナよりも高いインデックス。これにより、スライド ショーが通常の z-index に保たれ、ドロップ シャドウのサイズを超えてヘッダーがスライド ショーに重ならない限り、クリック機能が機能するはずです。

于 2012-12-12T20:46:07.347 に答える