layer外掛程式彈出顯示圓角

2022-02-13 10:12:35 字數 338 閱讀 2708

前段時間產品要求我們做的彈窗要顯示成圓角,這個可為難我了,我是用layer 2.1這個外掛程式,怎麼設成圓角說明文件還真沒說,

只好baidu一下,也沒找到好的解決方案,只好去分析一下layer外掛程式的樣式,發現彈出層div 有個layui-layer的樣式,有名堂,

1.在瀏覽器點掉 background-color: 點掉  #fff,居然可以顯示圓角了 2.把這個 border-radius 設定大一些也可以

2解決方案

1.直接該css 樣式,可以會影響其他彈出層

2.通過js 修改樣式    $(".layui-layer").css("background", "none");

layer彈出層顯示在top頂層

因為專案框架用了iframe,所以在用layer時,預設layer.open彈出的視窗只能在iframe子視窗區域顯示。現在想讓layer在父視窗或者說框架的最頂層顯示,想到用top.layer.open或者parent.layer.open,但是沒反應。後面想到應該是在父頁面中沒有匯入layer....

layer關閉彈出層,彈出列印

常規的話,下面能夠完成關閉彈出層 var index parent.layer.getframeindex window.name 延遲關閉 解決列印視窗彈不出來的情況 parent.layer.close index 可是當這裡需要關閉的同時彈出列印視窗的時候,就會發現失效了,能關閉,可是列印視窗...

layer彈出示例

注意事項 一 使用時,請把資料夾layer整個放置在您站點的任何乙個目錄,只需引入layer.js即可,除jquery外,其它檔案無需再引入。二 如果您的js引入是通過合併處理或者您不想採用layer自動獲取的絕對路徑,您可以通過layer.config 來配置 詳見官網api頁 三 jquery需...