UIWebView 底部出现黑线。如何去除？答案

【问题标题】：Black line appearing at bottom of UIWebView. How to remove?UIWebView 底部出现黑线。如何去除？
【发布时间】：2020-10-16 14:58:11
【问题描述】：

我在嵌入在表格单元格中的 web 视图中呈现一些 html。出于某种原因，webview 底部有一条黑线。我尝试将 webview 及其滚动视图的背景颜色设置为白色，但这并没有改变任何东西。有人见过这个吗？

这是正在呈现的 HTML：

<html>
<head>

    <style type="text/css">
a {text-decoration:none;background-color:white;}
    </style>

    <title></title>
</head>

<body style="margin:0;padding:0;background-color:white;">
    <a href="http://body/" style=
    "font-family:HelveticaNeue-Light;font-size:20.000000;color:black;-webkit-tap-highlight-color:rgba(0,0,0,0);">
    Portland Blazers vs Golden State Warriors | FULL Highlights | January 26 ,
    2014 | NBA 2013-14 Season</a><span style=
    "font-family:HelveticaNeue;font-size:12.000000;color:rgb(102,102,102);white-space:nowrap;"><a href="https://www.youtube.com/watch?v=2TfldZ4w57E&amp;feature=youtube_gdata_player"
    style=
    "font-family:HelveticaNeue;font-size:12;color:rgb(102,102,102);-webkit-tap-highlight-color:rgba(0,0,0,0);"><img height="12"
    src="file:link@2x.png" width="20">www.youtube.com</a></span>
</body>
</html>

这是在 iOS7 上。

更新：我仍然不确定是什么导致了黑线出现，但我设法通过更改我设置布局约束的方式来摆脱它。在我为视图周围的间距设置约束并让布局系统确定视图的大小之前。当 webview 完成加载其内容时，我将其更改为显式设置 webview 的高度约束。这似乎已经解决了这个问题，但我仍然不明白黑线是从哪里来的。

【问题讨论】：

head 部分的 CSS 是不是所有的 CSS（除了 inline-css）？
正确。我正在从我的模型数据动态创建该 HTML 字符串并将其加载到 webview 中：[webview loadHTMLString:html baseURL:nil];
我试过你的代码，底部没有黑边

标签： html ios css uiwebview

【解决方案1】：

我有同样的问题，解决方案如下：

将UIWebView'sopaque设置为NO
将UIWebView'sbackgroundcolor设置为clearcolor。

注意：以上提供的两件事都是必要的。

使用上述方案时的其他解决方案

webView.scrollView.backgroundColor = UIColor.whiteColor()

或

HTML 头部标签中的元数据

<meta name="viewport" content="initial-scale=1, maximum-scale=1">

【讨论】：

它开始出现在 iOS 8 SDK 中，以及使用 -sizeThatFits: 方法的大小不正确的问题。你的方法有效。谢谢。
能够摆脱黑线opaque设置为NO和backgroundColor设置为[UIColor whiteColor]`（如果我注释掉backgroundColorline我也看不到黑线）
首先，为什么会出现这条黑线，是UIWebView的问题？
就我而言，UIWebView 已经具有白色背景色。只需将其 opaque 设置为 NO 即可。

【解决方案2】：

正如 Phu Nguyen 在 cmets 中所说，解决方案是将 webView 的 opaque 属性设置为 NO。

webView.opaque = NO;

【讨论】：