当特定Div出现时,我想显示“共享弹出式菜单”。我在我的网站上使用了一个嵌入式测验,用户必须回答多项选择题,然后得到结果。结果div类叫做result_screen_container
。仅当特定div在使用CSS时才显示弹出式菜单
我已经有了弹出窗口,但是它的写入是由时间触发的。当所有问题完成后,我希望在结果出现时触发它。
弹出CSS:
#popup_box {
display:none;
position:fixed;
_position:absolute;
left: 50%;
top: 50%;
z-index:10001;
background:#fff;
box-shadow: 0px 0px 15px #000;
border-radius: 8px;
}
#popup_box .inner1 {
text-align: center;
padding:0 40px;
color:#000;
padding:20px;
}
#popupBoxClose {
font-size:0;
right:-22px;
top:-14px;
position:absolute;
cursor: pointer;
width: 38px;
height: 37px;
display: block;
}
/* Popup ends */
#fbshare{width:275px;height: auto;overflow: hidden;}
.inner-fbshare{width:275px;overflow: hidden;}
.inner-fbshare h3{font-size: 19px;margin: 0 0 10px 0;}
.inner-fbshare img{width:275px;height:150px;}
.outer-fbshare{width:275px;height: 45px;overflow: hidden;}
.fbshare_bt
{
font-size: 22px; background:none repeat scroll 0 0 rgb(64, 94, 159);color:#FFF;
text-align:center;margin-top:10px;padding: 12px;
border-radius: 8px;
font-weight: bold;
}
.fbshare_bt:hover{color:#FFF;text-decoration:none;}
.close_fbshare{float: right;color: #A3A3A3;text-decoration: none;}
.sa-icon.sa-custom {
background-size: contain;
border-radius: 0;
border: none;
background-position: center center;
background-repeat: no-repeat;
}
则需要使用JavaScript来控制它。如果用户完成所有问题=显示弹出窗口。 – Fiido93
我并不熟悉javascript @FiidoFirdauz,但是可以在“嵌入式测验”中调用该操作吗? – Martin
但仍需要使用JavaScript。 – Fiido93