Android-如何让网页背景透明只留内容

意见反馈 意见反馈 主题:991 回复:2082

Android-如何让网页背景透明只留内容

灵芸 发布于 2017-05-15 字数 566 浏览 1097 回复 3

请问如何做个网页的效果,为了表述清楚,特做成图片,这样一看就清楚了。

第一张图是正常的正常的效果
第二张图是我要实现的效果(当然这个是我用Photoshop画出来的)
注视:
说明一下我的需求是手机客户端的,当我正在看视频的时候从某个地方弹出了一个广告,
点击以后,在视频上边弹出网页并不退出播放,所以才希望把这个做成透明的,减少对用户看视频的影响

请输入图片描述

请输入图片描述

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

支持 Markdown 语法,需要帮助?

评论(3

瑾兮 2017-09-30 3 楼

你弹出的网页是局部的吗?android里面网页都是由浏览器打开的.如果你的网页是局部的,可以考虑使用webview放到一个新的activity上试试看,或者把webview放到一个dialog里看看.

甜柠檬 2017-09-16 2 楼

如你图中的需求在移动设备是不可能实现的,因为这等于是两个窗口,目前我接触到的移动设备中的浏览器还没有能像桌面浏览器一般同时显示两个窗口的(请自动忽略搭载Windows系列OS的MID)。

但是可以通过Overlay的方式达到你要的效果,一般的移动版js框架都有相应的接口(如jQuery Mobile).

如果是要用原生js来写Overlay,可以参考这篇文章:http://answers.oreilly.com/topic/1823-adding-a-page-overlay-in-javascript/

P.S. 微吐槽:移动端的开发您用IE6来做图例...

夜无邪 2017-08-06 1 楼

个人认为不可能,因为这需要浏览器透明才行。
但是是否可以通过其他方式来解决

比如用div之类的模拟一个弹出界面(css可以设置透明),让其支持鼠标拖动。。。