Bandsintown旅游窗口小部件弹出不在前面

Bandsintown tour widget popup not to front

本文关键字：在前面 小部 窗口 Bandsintown      更新时间：2023-09-26

我已经在这个页面中实现了Bandsintown巡回演出日期小工具，但当点击RSVP或场地名称时，小工具内容下会出现Facebook弹出窗口，无法点击。

代码如下：

.content {
	width: 100%;
	height: 100%;
	display: table;
	border-spacing: 10px;
}
#fullwidthcontent {
	z-index: -1;
	width: 75%;
	min-width: 600px;
	border-radius: 20px;
	background-color: #000000;
	opacity: 0.7;
	height: 86%;
	padding-left: 50px;
	padding-right: 30px;
	position: fixed;
	left: 210px;
	top: 15px;	
	overflow: auto;
}
.fullwidthoverlay {
	z-index:9999;
	width: 75%;
	min-width: 600px;
	height: 60%;
	opacity: 1;
	padding-left: 50px;
	padding-right: 30px;
	position: fixed;
	left: 210px;
	top: 145px;	
	overflow: auto;
}
<head>
<script type='text/javascript' src='http://widget.bandsintown.com/javascripts/bit_widget.js'
></script>
</head>
<body>
<div class="content">
	<div class="fullwidthoverlay">
   <a href="http://www.bandsintown.com/Syncage" class="bit-widget-initializer" target="_blank" data-artist="Syncage" data-text-color="#FFFFFF" data-link-color="#FFFFFF" style="z-index:9999999;">Syncage Tour Dates</a>
    </div>
  <div class="column" id="fullwidthcontent"> 
  <h1>Tour</h1>
  </div>
 
</div>
</body>

你知道如何把它带到前台吗？

提前感谢！

将fullwidthoverlay类的z索引更改为2。

.fullwidthoverlay {
    z-index:2; /*<--- Here change it to 2 */
    width: 75%;
    min-width: 600px;
    height: 60%;
    opacity: 1;
    padding-left: 50px;
    padding-right: 30px;
    position: fixed;
    left: 210px;
    top: 145px; 
    overflow: auto;
}
相关文章：