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

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.