One of my preferred future factors of web progression is visibility. In the future CSS3 requirements, the W3C has described two new tips on how to make visibility in websites.
RGBA
Once surfers start to assist RGBA, you'll be able to specify the “alpha value” or the visibility of a shade. The visibility is placed by a variety between 0.0 (completely transparent) and 1.0 (fully opaque). For example, you might use the following value to tell the technique to screen a title at 50 % of the described shade.
h1 {color: rgba(255,68,253,0.5);}
As of this composing, the newest editions of Opera, Firefox, and The search engines Firefox all assistance RGBA shade requirements. Unfortunately, Online Traveler still does not assistance this leader visibility. So while it’s a fun bit of value to perform with, I don't suggest using it for huge web followers until it’s completely reinforced. At the same time, if you really want to use leader visibility on your webpages, examine out this weblink for an excellent IE work-around: http://css-tricks.com/rgba-browser-support/.
Opacity
Another new inclusion to the CSS3 requirements is the opacity home. Just like the RGBA principles just described, opacity principles are described between 0.0 (completely transparent) and 1.0 (fully opaque).
But even before the W3C included the opacity home to the CSS3 requirements, Online Traveler customers saw visibility in websites thanks to the IE-only leader narrow. Different from the opacity home implemented by the W3C, IE’s exclusive value uses a variety between 0 and 100, with 100 being absolutely opaque.
So, until the CSS3 requirements is reinforced globally, you are going to need to use both the opacity home and the leader narrow to create sure your visibility performs in the most well-known surfers.
div.transparentbox {
background-color:#036;
opacity: 0.7; /* CSS3 standard */
filter:alpha(opacity=60); /* IE only */
}



0 comments:
Post a Comment