今天遇到了彈窗顯示圖片的需求医清，采用layer-photos來實(shí)現(xiàn)。遇到了幾個(gè)問題皿曲。
第一個(gè)就是遮罩層的問題，因?yàn)橄雸D片彈出后不要有遮罩吴侦，于是將shade設(shè)為false屋休，但是隨之而來的問題是滾動(dòng)條消失了，于是查看layer.css备韧，發(fā)現(xiàn)如下代碼：
.layui-layer-photos .layui-layer-content {
overflow:hidden;
text-align:center
}劫樟，將overflow屬性修改為auto,滾動(dòng)條的問題解決。
第二個(gè)問題是圖片的alt會(huì)隨著滾動(dòng)條的滾動(dòng)位置發(fā)生變化。并沒有固定在底部叠艳。查看layer.css源碼奶陈，發(fā)現(xiàn)如下代碼：layui-layer-imgbar樣式中，position屬性為absolute附较，將屬性值改為fixed就可解決該問題吃粒。
還有彈窗前后翻頁的位置問題與第二個(gè)原因一致，找到相應(yīng)的樣式拒课，把position屬性修改為fixed即可徐勃。
隨手草記，以便以后再遇到類似問題浪費(fèi)時(shí)間早像。
