Jump to content

opacity


pranshu82202

Recommended Posts

I am using mozilla firefox.

 

i want to make a division transparent so i used the code

 

<style type="text/css">
#mydiv {
opacity: .2;
}
</style>

 

It is making the division almost transparent but the text which i hav written turned transparent also...

 

I also tried to put text in another division and setted it opacity to 1 but that too was not a success ..

 

Basically i want to make background a little transparent but not the text..

 

Tell me what should i do...

 

-pranshu.a.11@gmail.com

Link to comment
Share on other sites

How about screw those guys on lame ass old browsers. Update or gtfo.

Unless of course you really really really need to ensure it has the opacity in an older browser. If not, just set a lighter gray as the background color then set the background to the rgba value. Degrades gracefully enough and those who aren't tadling around in the year 2000 can enjoy your nice div.

 

I honestly prefer anything that uses less http requests.

Link to comment
Share on other sites

How about screw those guys on lame ass old browsers. Update or gtfo.

I don't think my clients will agree with that...

 

I honestly prefer anything that uses less http requests.

HTTP requests hardly make a site render slowly. Large images, moving images, poor server capacity and bottle necks in the connection between the server and the user's computer do. This whole request issue is exaggerated tremendously. 

Link to comment
Share on other sites

How about screw those guys on lame ass old browsers. Update or gtfo.

I don't think my clients will agree with that...

 

That wasn't meant to be taken 100% seriously. :) Like I said, unless you need it to work in older browsers I'd use the rgba method. I still prefer the absolute minimum http requests.

Link to comment
Share on other sites

Jaysonic is totally right!  ;D:thumb-up:

 

So use conditional comments or something to target older browsers and apply new techniques for the new ones.

HTTP requests hardly make a site render slowly. Large images, moving images, poor server capacity and bottle necks in the connection between the server and the user's computer do. This whole request issue is exaggerated tremendously. 

 

have you got an idea what the impact is of using single images where you don't have to in for instance the following case.

yahoo-cn.png

I don't think you do, because the impact is huge!

 

anyway lets keep it on topic

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.