How to add image as a background to textarea only
-
Because it’s not easy to read text with the background i choose as my page background, i like to put some half-transparent white image in the background of the text area only.
i’m new with the css .. (: can you please tell me where i should put this background css code ?
Many thanks
OritThe blog I need help with is: (visible only to logged in users)
-
-
There are a couple ways to do this. One is to create a small image, say 5px x 5px as a PNG with the level of transparency (opacity) you desire and then use that as a repeating background for the content area. The second is to use CSS3 and rgba in the background declaration, but while most modern browsers support this, IE8 and older do not. The number of people using IE 8 and older though is tiny.
This would be white at a 0.55 opacity (1 would be no transparency at all).
#page { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75); }To use a background image with transparency, do just as you did for the background image you are using in #page, except for the #FFFFFF color you have at the end of the declaration, use “transparent”.
-
Shoot, let me tidy up the code I gave a little as it has stuff in it that isn’t needed.
#page { background: rgba(255, 255, 255, 0.75); } -
please, i also need help on my site :(
if you’ll visit it, you’ll see what the problem is.. please, help me
http://www.freddietoinfinity.com -
Hi designsimply, you can see this page with text in it
http://iris-duvdevani.com/about/
http://iris-duvdevani.com/about-heb/Thank you thesacredpath for your detailed explanation but i think what you gave me is background for all the inside area which i already use. what i need now is other background – up on this one – but just where the inside text appear (as you can see in the links above – the text area that start with “» Feldenkrais method teacher…”. )
Thanks again for your help !
Orit -
@preciousmay, since your problem is different from what is being discussed in this thread, let’s keep to the threads you have already started. I’ll be around to look into your issues shortly. Thanks.
-
This will do just the content:
.entry-content { background: rgba(255, 255, 255, 0.75); padding: 20px; }This would do the content and page titles:
.hentry { background: rgba(255, 255, 255, 0.75) !important; padding: 20px; } -
Thanks a million thesacredpath !! This is exactly what i was looking for.
i really appreciate your help.
Orit
- The topic ‘How to add image as a background to textarea only’ is closed to new replies.