The other day I was working on my iPhone application. In the application I have a view. This view creates a UIWebView. I then proceed to load content from a webpage into the web view.
This works great. I was then tasked with adding a bit of style to the view similar to how you perform a transparent background with CSS.
I started by creating all of the style in the webpage, but I quickly realized that this was causing the load to be a lot slower. Instead I had to integrate the design into the view and simply display the content from the webpage in the design.
This was going pretty well until the webpage sat like a big white blob on top of my nice image. I couldn't let this be and had to find a solution, luckily it wasn't to complicated.
To accomplish this, we need to do 2 things. One, we need to update our UIWebView as follows (this code assumes you've already created a UIWebView called "webView"): webView.backgroundColor = [UIColor clearColor]; At first, I simply thought I could stop here based on my understanding of how background colors worked. However, it was still showing up as white because my webpage itself had, by default, a white background as well. In your HTML page that you, you need to apply the following style: This can be applied directly to the <body> tag or if you have a CSS file or inline CSS to the body {} element. Now, if you compile your application, the webpage should get loaded without a white background. Published on Apr 2, 2009 Did you enjoy this article? If you did here are some more articles that I thought you will enjoy as they are very similar to the article
that you just finished reading.
Jamie Munro is the author of ASP.NET MVC 5 with Bootstrap and Knockout.js,
Knockout.js: Building Dynamic Client-Side Web Applications,
20 Recipes for Programming MVC 3,
and 20 Recipes for Programming PhoneGap. He has been developing websites and web applications for over 20 years. Jamie began his writing career in 2009. As the success of Jamie's blog grew, he turned his writing passion to books about web development in hopes that his many years of experience could be passed on to his readers. No matter the programming language you're looking to learn, I've hopefully compiled an incredible set of tutorials for you to learn; whether you are beginner
or an expert, there is something for everyone to learn. Each topic I go in-depth and provide many examples throughout. I can't wait for you to dig in
and improve your skillset with any of the tutorials below.
webView.opaque = NO;
background-color: transparent;
Related Posts
Tutorials
Learn how to code in HTML, CSS, JavaScript, Python, Ruby, PHP, Java, C#, SQL, and more.