出现在UIWebView底部的黑线。怎么删除?

时间:2014-01-29 01:05:47

标签: html ios css uiwebview

我在嵌入在表格单元格中的webview中渲染一些html。出于某种原因,webview底部有一条黑线。我尝试将webview的背景颜色及其scrollview设置为白色,但这并没有改变任何东西。有没有人见过这个?UIWebView with black line at bottom

以下是正在呈现的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的高度约束。这似乎解决了这个问题,但我仍然不明白黑线的来源。

2 个答案:

答案 0 :(得分:181)

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

  1. UIWebView's opaque设为NO
  2. UIWebView's backgroundcolor设为clear color
  3. 注意:上面提供的两件事都是必要的。


    使用上述

    时的其他解决方案
    webView.scrollView.backgroundColor = UIColor.whiteColor()
    

    进入HTML标题的元数据

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

答案 1 :(得分:0)

Phu Nguyen 在评论中所述,解决方案是将opaque的{​​{1}}属性设置为webView

NO