私はホームページにOpentable javascript reservationウィジェットを追加しました。モジュールには、3つのドロップダウン、カレンダー、日付セレクター、およびタイムセレクターがあります。 2番目の2つのドロップダウンは、私がz-indexを使って前方へ移動させて見えるようにしても反応しません。z-indexを使用してドロップダウンが停止した後
私はCSSに何か間違っていると思っていますが、解決できないようです。それとも、jsと競合しているのでしょうか?わからない。助言がありますか?おかげで - 私は実際に共有するために、ここで我慢するどのようなコードでもわからないんだけど、サイトのdevのサーバー上で、ここで、http://aac.myftpupload.com/
...それは以下がopentableによって提供されたスクリプト、およびそれが多分、私のサイトと競合するが、私はよく分からないCSSのトンが付属しています:
</div><div class="wpb_column vc_column_container vc_col-sm-9"><div class="vc_column-inner wpex-clr"><div class="wpb_wrapper wpex-vc-column-wrapper wpex-clr " style="min-height:40px;">
<div class="wpb_raw_code wpb_raw_js">
<div class="wpb_wrapper">
<script src="https://secure.opentable.com/frontdoor/default.aspx?rid=82057&restref=6543&bgcolor=F6F6F3&titlecolor=0F0F0F&subtitlecolor=0F0F0F&btnbgimage=https://secure.opentable.com/frontdoor/img/ot_btn_red.png&otlink=FFFFFF&icon=dark&mode=wide&hover=1" type="text/javascript"></script>
</div>
の一部dropwownためのCSSは次のとおりです。で
element.style {
display: block;
}
#OT_timeList, #OT_partyList {
width: 108px;
max-height: 200px;
overflow: auto;
border-left: 2px solid #b8b4ac;
border-right: 2px solid #b8b4ac;
border-bottom: 2px solid #b8b4ac;
position: absolute;
top: 34px;
left: 39px;
display: none;
}
.entry ul, .entry ol {
margin: 0 0 10px 10px;
}
.entry ul {
list-style: disc;
}
.entry ul, .entry ol {
margin: 0 0 20px 30px;
}
.OT_navList {
list-style: none;
padding: 0;
margin: 0;
float: left;
width: 142px;
position: absolute;
background-color: #fff;
z-index: 200;
top: 35px;
left: 0;
}
質問内で関連するコードサンプルを提供すると、ユーザーはおそらくより迅速に対応できます。 – martieva
ありがとう@martieva、私はいくつかのコードを追加しましたが、それが正しい部分であるかどうかは分かりません! – TitoNYC