mui 设置背景透明
2017-11-11 11:17
716 查看
mui 设置背景透明要注意两点，一个是打开或者创建时设置样式的背景色为透明，二是在body标签设置背景为透明
代码如下：
设置背景为透明：
mui.openWindow({
url: "query-filter.html",
id: "query-filter.html",
styles: {
position: 'absolute',
scrollIndicator: 'none',
background: 'transparent'
}
});
设置body标签为透明
<body style="background: transparent;">
效果
题外话：
由于mui调的是原生的百度地图，这样会导致map的显示层级优先于标签，导致覆盖的问题，可以通过地图所在的webview 拼接子的webview解决，此时可能需要设计子webview的背景为透明。
代码如下：
设置背景为透明：
mui.openWindow({
url: "query-filter.html",
id: "query-filter.html",
styles: {
position: 'absolute',
scrollIndicator: 'none',
background: 'transparent'
}
});
设置body标签为透明
<body style="background: transparent;">
效果
题外话：
由于mui调的是原生的百度地图，这样会导致map的显示层级优先于标签，导致覆盖的问题，可以通过地图所在的webview 拼接子的webview解决，此时可能需要设计子webview的背景为透明。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- vc static控件背景设置成透明
- input设置背景透明
- 设置背景透明图片
- Android中listview的item点击时候去掉背景颜色或者设置成透明的
- android开发之设置继承自SurfaceView的类的背景为透明
- android 设置Button或者ImageButton的背景透明 半透明
- android 自定义Dialog背景透明及显示位置设置
- css——如何让一段文字自动换行，并且左对齐，设置背景透明
- 设置背景透明 ，模糊，黑暗度
- C#将图片白色背景设置为透明
- Android设置窗体Activity背景透明
- dede标签学习笔记（二）幻灯片背景透明设置技巧
- 设置透明背景1
- pixi.js如何设置舞台背景为透明
- 设置 webkit 背景透明的几种办法
- android 自定义Dialog背景透明及显示位置设置
- listview item背景设置为透明
- Android 代码设置Activity 背景透明
- SurfaceView背景设置为透明
- QWidget中加载QML页面并设置透明背景