今天遇到了弹窗显示图片的需求，采用layer-photos来实现。遇到了几个问题。
第一个就是遮罩层的问题，因为想图片弹出后不要有遮罩，于是将shade设为false，但是随之而来的问题是滚动条消失了，于是查看layer.css，发现如下代码：
.layui-layer-photos .layui-layer-content {
overflow:hidden;
text-align:center
}，将overflow属性修改为auto,滚动条的问题解决。
第二个问题是图片的alt会随着滚动条的滚动位置发生变化。并没有固定在底部。查看layer.css源码，发现如下代码：layui-layer-imgbar样式中，position属性为absolute，将属性值改为fixed就可解决该问题。
还有弹窗前后翻页的位置问题与第二个原因一致，找到相应的样式，把position属性修改为fixed即可。
随手草记，以便以后再遇到类似问题浪费时间。
今天遇到了弹窗显示图片的需求，采用layer-photos来实现。遇到了几个问题。 第一个就是遮罩层的问题，因为想...
python中的matplotlib仅支持Unicode编码，默认是不显示中文的，如果把字符串是中文，在显示的时候...
关于Double显示科学计数法问题！ 比如10000000.21的Double类型 却显示成10.00000021...
WdatePicker 的位置都是根据input|textarea|div|span|p|a/ig他们的位置来相对...
简单粗暴直接上代码 //显示tabbar - (void)showTabBar{ if (self.tabBa...
遇到一件很搞的事。IE浏览器字体显示异常：在chrome浏览器显示如下： 在IE内核的浏览器显示如下： 这就很搞了...
关于背景 元素分类 显示消失练习 浮动 父级塌陷问题
解决Mac接显示器显示输入信号超出显示范围，调整为1600*900@60HZ的问题。 点击关于本机，选择显示器，查...
最新遇到一个WKWebView的z-index显示问题 先看一下代码： 主要结构为： 显示为，设置层，关于层，关于...
iTerm 默认中文显示的视觉效果不好，中文字符之间有很大空白。 发现，对 Non-ASCII Font 改用微软...
本文标题：关于layer-photos显示的问题
本文链接：https://www.haomeiwen.com/subject/awbnahtx.html
网友评论