UIWebView's content background color not transparent

Question

I'm using an UIWebView to load some HTML text from a plist.

I managed to make its background transparent using

webView.opaque = NO;
webview.backgroundColor = [UIColor clearColor];

but the content, which is the text loaded from the plist, is shown with a disturbing white background.

I'm loading it using

NSString *descr = [NSString stringWithFormat:@"<html><head><style> body{font-size:16; font-family: Helvetica; color: black;} strong{font-family: Arial; font-weight: bold; font-size:16} .bg{background:transparent;}</style></head><body><div class='bg'>%@</div></body></html>",[item valueForKey:@"description"]];
[webView loadHTMLString:descr baseURL:nil];

I've tried setting the .bg class background color to rgba(255,0,0,0.0), but nothing worked.

Also tried setting webView.scrollView.backgroundColor : [UIColor clearColor];

Any advice on how to get the UIWebView's content background transparent?

possible duplicate of [UIWebView background is set to Clear Color, but it is not transparent](http://stackoverflow.com/questions/8667150/uiwebview-background-is-set-to-clear-color-but-it-is-not-transparent) — Arasuvel, Sep 14 '15 at 06:44

score 12 · Accepted Answer · answered Jul 29 '14 at 20:11

12

try this !

[webView setOpaque:NO];
webView.bakgroundColor = [UIColor clearColor];

answered Jul 29 '14 at 20:11

Frans Raharja Kurniawan

965
8
21

Did you change something in the Storyboard or nib file? – Frans Raharja Kurniawan Jul 29 '14 at 20:15
No, anything. The opaque is disabled on the Storyboard as well. – Phillip Jul 29 '14 at 20:15
1

No, there's no javascript or URL, it's just some text took from my plist. – Phillip Jul 29 '14 at 20:18
did u check or uncheck Use Autolayout? – Frans Raharja Kurniawan Jul 29 '14 at 20:19
It's unchecked, I'm not using it – Phillip Jul 29 '14 at 20:20
1

[webView loadHTMLString: @"" baseURL: nil]; try to add – Frans Raharja Kurniawan Jul 29 '14 at 20:34
http://banagale.com/using-an-html-web-view-with-a-transparent-background-iphone-interface-builder.htm – Frans Raharja Kurniawan Jul 29 '14 at 20:55

score 1 · Answer 2 · answered Feb 02 '15 at 11:08

1

In XCode 6.x uncheck Opaque and change Background's opacity to 0%. I think other XCode versions will also work. enter image description here

answered Feb 02 '15 at 11:08

Pyae Thu Aung

303
1
3
10

score 0 · Answer 3 · edited May 23 '17 at 10:31

0

Your HTML body will still have a background color.

You need to add 'background-color:transparent;' to the body part of your CSS

See here: https://stackoverflow.com/a/3935033/78496

edited May 23 '17 at 10:31

Community

1
1

answered Jul 29 '14 at 20:37

chedabob

5,835
2
24
44

Tried that, but there's still that kinda whitey background. I'm guessing it's a sort of "overlay" being put by default? – Phillip Jul 29 '14 at 22:00
Sorry, it should've been 'background-color' I've updated the answer. – chedabob Jul 29 '14 at 22:49

UIWebView's content background color not transparent

3 Answers3