WKWebView 背景透明方案

说明：需要客户端与H5配合才能实现如下效果：

客户端代码：

 let webview = WKWebView(frame: view.bounds)
 view.addSubview(webview)
 webview.backgroundColor = .clear
 webview.isOpaque = false
Html代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

<title>abc</title>
</head><body style="overflow:hidden;background-color:rgba(0,0,0,0.3);">
    
<h1>标题 标题标题</h1>
<p>段落 段落段落段落段落</p>

</body>
</html>


直播客户端效果截图：

IMG_30FABDAAC079-1.jpeg
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 送你一个晚安故事
    我是黑夜里大雨纷飞的人啊 1 “又到一年六月，有人笑有人哭，有人欢乐有人忧愁，有人惊喜有人失落，有的觉得收获满满有...
    陌忘宇阅读 8,605评论 28赞 53
  • 信任重要性
    信任包括信任自己和信任他人 很多时候，很多事情，失败、遗憾、错过，源于不自信，不信任他人 觉得自己做不成，别人做不...
    吴氵晃阅读 6,226评论 4赞 8
  • 学习HM微博项目第8天
    步骤：发微博01-导航栏内容 -> 发微博02-自定义TextView -> 发微博03-完善TextView和...
    dibadalu阅读 3,181评论 1赞 3
  • 人工智能是什么?
    人工智能是什么？什么是人工智能？人工智能是未来发展的必然趋势吗？以后人工智能技术真的能达到电影里机器人的智能水平吗...
    ZLLZ阅读 3,888评论 0赞 5