Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works
Photo

html-coding for translucency in different browsers


  • Please log in to reply

#1
milja

milja

    New Member

  • Member
  • Pip
  • 2 posts
Hey clever people,

Iím trying to create an effect of a semitransparent gauze under the writing at my site over a background picture. The following html is what I have added on my site concerning translucency.

p {background-color: #FFFFFF;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
filter: Alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
-khtml-opacity:0.5;}

However for some reason this appears translucent only when using Firefox but not in the Internet Explorer. I donít have any idea if it works in the other browsers. I would like to know if any of you can see whatís wrong with the html-coding. I did try the coding in few various ways without -khtml-opacity:0.5; and filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); Still no desired effect.

Thankyou in advance for potential answers
Milja :tazz:
  • 0

Advertisements


#2
ssone

ssone

    Member

  • Member
  • PipPipPip
  • 301 posts
are you trying to do this?
  • 0

#3
carelwen

carelwen

    Member

  • Member
  • PipPip
  • 33 posts
this is css.
  • 0

#4
milja

milja

    New Member

  • Topic Starter
  • Member
  • Pip
  • 2 posts

are you trying to do this?

View Post


Yes that is exactly what I'm trying to do!

So I went and tried your advice... here's what happened: After adding the coding you suggested, both Firefox and IE shows translucent gauze under the writing...yeee!! ;)
But here's the problem: when defining the width and margin, only IE behaves as desired creating the translucent bg automatically under the whole text written. In Firefox the gauze appears clearly less wide and therefore some of the writing runs out from the translucent background. If I remove the width code, Explorer removes the translucency completely leaving behind only a normal non-translucent white background for the text. If I again increase the width according to Firefox, the gauze becomes too wide in IE and looks just not good. How can I go around that? I would like the gauze to be created automatically under my writing without me having to think where do I have to start a new line so that the text stays at the translucent bg as a whole in both browsers? Is that even possible?

Thanks for your help already, at least I'm now more near from the solution than before,
Milja :tazz:
  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP