UIWebView PaginationMode always show white background, how to make it transparent?

Question

I try to use \'paginationMode\' to make my html-content pagination for iOS 7 latter.

//set webview to transparent
webView.backgroundColor = [UIColor clearColor]         


        

Answer 1

In case of paginationmode, it's not really working directly from objective c code. However, I got my job done by injecting CSS for 'body' tag:

NSString* path=[[NSBundle mainBundle] pathForResource:@"image" ofType:@"png"];
@"addCSSRule('body', 'background-color: transparent !important; background-image:url(%@); background-repeat: repeat-x; background-size:%fpx %fpx;')",[NSURL fileURLWithPath:path],webView.frame.size.width,webView.frame.size.height];

Note : its for UIWebPaginationModeLeftToRight..

Answer 2

Maybe try to set the background of the scrollView to clear ?

webView.scrollView.backgroundColor = [UIColor clearColor];

EDIT Ok so it seems that after setting

UIWebPaginationMode

The background become white behind :/

Answer 3

Your probably want to provide content background. But the technique of setting webview transparent and providing background color to view behind this may not work well when we use pagination left to right.

I solved this issue by providing content background through CSS and cater the issue of blank area at the end of html content with the help of this post

    - (void)addExtraContentView
{
    UIWebView* wv = self.webView;
    if(!self.viewExtraContent)
    {
        NSString* width = [wv stringByEvaluatingJavaScriptFromString:@"document.documentElement.offsetHeight;"];
        CGFloat contentHeight = [width floatValue];
        CGFloat contentWidth = wv.scrollView.contentSize.width;
        CGFloat y = (int)contentHeight % (int)wv.frame.size.height;
        self.viewExtraContent = [[UIView alloc] initWithFrame:CGRectMake(contentWidth - wv.frame.size.width, y, wv.frame.size.width, (wv.frame.size.height))];
    }
    self.viewExtraContent.backgroundColor = [BookReaderSettings shared].backgroundColor;
    [wv.scrollView addSubview:self.viewExtraContent];
}

And call this method when webview finish loading content.