Would anyone happen to know if there a way to make html with an opacity (i.e. 70%)?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
On Jul 23, 2010, at 3:19 PM, rebeccintosh wrote:
Would anyone happen to know if there a way to make html with an
opacity (i.e. 70%)?
You can use rgba:
.style_name {
color: rgba(100,0,0,.7);
}
This will give the text a maroon color with a 70% opacity.
You could also use ‘opacity’ and target an entire element instead.
#id_name {
opacity: 0.66; /* CSS3 & WebKit */
-moz-opacity: 0.66; /* Gecko */
-ms-filter: alpha(opacity=66); /* IE8 */
filter: alpha(opacity=66); /* IE6&7 */
-khtml-opacity: 0.66; /* Safari v1.x */
}
You have options.
Todd
Twitter: http://twitter.com/XiiroMedia
Skype: toddbrilliant
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Sounds good. Could you tell me where it goes (how to do it)…
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
On Jul 23, 2010, at 4:39 PM, rebeccintosh wrote:
Sounds good. Could you tell me where it goes (how to do it)…
- Not all browsers support rgba so you need to declare a fallback
color first.
Open the Styles window and create a style for the text if you haven’t
already done so.
Click the Extended button and in the Name field enter:
background
and in the Value field enter:
rgb(200, 54, 54)
(obviously you need to change these settings to the color you want)
Click OK to close the Extended window.
Now we’ll add the opacity setting for browsers that support it.
Click the Extended button again and in the Name field enter:
color
and in the Value field enter:
rgba(200,54,54,.7)
Here’s how the final result should appear in your CSS:
background: rgb(200, 54, 54) /* The Fallback */
rgba(200,54,54,.7)
Really old browsers will still choke on this but I wouldn’t worry
about that.
Todd
Twitter: http://twitter.com/XiiroMedia
Skype: toddbrilliant
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thank you!
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
On Jul 23, 2010, at 5:28 PM, Todd wrote:
Here’s how the final result should appear in your CSS:
background: rgb(200, 54, 54) /* The Fallback */
rgba(200,54,54,.7)
A minor typo. Above should be:
background: rgb(200, 54, 54) /* The Fallback */
color: rgba(200,54,54,.7)
Todd
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options