为什么'fancybox-overlay‘div没有“显示:块”作为内联样式？
为什么'fancybox-overlay‘div没有“显示:块”作为内联样式？
提问于 2015-09-11 15:35:12
<a href="img/blog-img-01.jpg" class="single_image">
<div class="blog-img-wrap">
<img src="img/blog-img-01.jpg" alt="">
</div>
</a>fancybox css，js文件来自cdn。
回答 1
Stack Overflow用户
发布于 2015-09-12 04:00:21
使用fancybox (版本1或2)和任何其他弹出式(例如引导模式、jQuery对话框模式，其中隐藏元素可以用jQuery、JS或Pure显示)，主隐藏选择器总是有属性display: none来隐藏它们；在本例中，fancybox是
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none; <---Here
z-index: 8010;
background: url(background.png);
}为了显示隐藏元素，默认情况下为 jQuery，JS over隐藏选择器属性display:none; to display:block;，然后使其可见。
在本例中(Fancybox v2)，可以使用自定义脚本将jQuery display:block;的默认行为覆盖到display:inline;
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox({
helpers : {
overlay : {
css : {
'display' : 'inline',
}
}
}
});
});
</script>小提琴
并回答你的问题
为什么'fancybox-overlay‘div没有“显示:块”作为内联样式？
因为它与fancybox无关，所以jQuery默认行为是通过使用属性display:block来显示隐藏元素与属性display:block
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32527139
复制相关文章
相似问题
腾讯云开发者
