How to make a transparent UIWebView
Question
I have an app with a UITableView and a corresponding detail view for each row. In the detail view I have to display some text and a background image (text is different for each row, but the image remains the same). The easiest way, in my opinion, is to put the text in an .rtf file and display it in a UIWebView . Then just put a UIImageView behind the UIWebView .
I've tried to set the UIWebView 's opacity to zero in IB, but it didn't help.
Can you help me?
8 answers
solution1
304 ACCPTED 2010-10-14 15:48:11
I recommend:
webView.opaque = NO;
webView.backgroundColor = [UIColor clearColor];
(setting these properties in Interface Builder will work for iOS 5.0+, but for iOS 4.3 you must set the backgroundColor in code )
And include this into your HTML code:
<body style="background-color: transparent;">
solution2
21 2011-09-27 21:15:42
Use the recursive method below to remove gradient from UIWebView:
[webView setBackgroundColor:[UIColor clearColor]];
[self hideGradientBackground:webView];
- (void) hideGradientBackground:(UIView*)theView
{
for (UIView * subview in theView.subviews)
{
if ([subview isKindOfClass:[UIImageView class]])
subview.hidden = YES;
[self hideGradientBackground:subview];
}
}
solution3
7 2014-06-16 20:41:20
Swift update:
webView.opaque = true
webView.backgroundColor = UIColor.clearColor()
And again, don't forget to set
<body style="background-color: transparent">
Or better still, instead of an inline style, in your style sheet:
body {
background-color: transparent
}
solution4
5 2017-05-12 07:07:55
For Swift 3 and Xcode 8
self.webView.isOpaque = false;
self.webView.backgroundColor = UIColor.clear
solution5
4 2015-02-02 11:02:54
In XCode 6.x uncheck Opaque and change Background's opacity to 0% . I think other XCode versions will also work.
solution6
3 2013-06-28 02:38:05
I was able to make my UIWebView transparent by going to 'Attributes Inspector' and unchecking Drawing Opaque.
My HTML code just for reference.
UIWebView* webView =(UIWebView *) [cell viewWithTag:100];
NSString* htmlContentString = [NSString stringWithFormat:
@"<html>"
"<style type='text/css'>html,body {margin: 0;padding: 0;width: 100%%;height: 100%%;}</style>"
"<body>"
"<table style='border:1px solid gray; border-radius: 5px; overflow: hidden;color:white;font-size:10pt' cellspacing=\"0\" cellpadding=\"1\" align='right'><tr>"
"<td>Hello</td><td>There</td>"
"</tr></table>"
"</body></html>"
];
[webView loadHTMLString:htmlContentString baseURL:nil];
solution7
0 2012-08-15 05:04:05
To remove the scrolls and make the UIWebView transparent, try this code below:
webView.opaque = NO;
webView.backgroundColor = [UIColor clearColor];
for(UIView *view in webView.subviews){
if ([view isKindOfClass:[UIImageView class]]) {
// to transparent
[view removeFromSuperview];
}
if ([view isKindOfClass:[UIScrollView class]]) {
UIScrollView *sView = (UIScrollView *)view;
//to hide Scroller bar
sView.showsVerticalScrollIndicator = NO;
sView.showsHorizontalScrollIndicator = NO;
for (UIView* shadowView in [sView subviews]){
//to remove shadow
if ([shadowView isKindOfClass:[UIImageView class]]) {
[shadowView setHidden:TRUE];
}
}
}
}
solution8
0 2019-11-12 07:18:31
In Swift 4.x,
webView.backgroundColor = .clear
openSourceLicensesWebView.isOpaque = false
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.