Comments on: Transparent DIV SPAN for all browsers, Firefox, Opera, Safari, Chrome, Internet Explorer http://www.codingday.com/transparent-div-span-for-all-browsers/ Adventures in Computing, Can Erten's blog Wed, 10 Mar 2010 10:33:47 -0700 http://wordpress.org/?v=2.9.2 hourly 1 By: anish http://www.codingday.com/transparent-div-span-for-all-browsers/comment-page-1/#comment-42457 anish Thu, 25 Feb 2010 04:42:31 +0000 http://www.canerten.com/transparent-div-span-for-all-browsers/#comment-42457 thanks Coding Day !!! it works well in IE hell and also thanks Shelly Caldwell ! for giving valuable tip about the width property. thanks Coding Day !!! it works well in IE hell
and also thanks Shelly Caldwell ! for giving valuable tip about the width property.

]]> By: donjoe http://www.codingday.com/transparent-div-span-for-all-browsers/comment-page-1/#comment-41521 donjoe Wed, 17 Feb 2010 13:21:34 +0000 http://www.canerten.com/transparent-div-span-for-all-browsers/#comment-41521 Apparently the only way is to move your content outside the transparent container (HTML-wise) and then use trickery to make it _visually_ appear on top of the transparent container when the page is rendered. (One suggested trick has something to do with negative margin values in CSS.) Apparently the only way is to move your content outside the transparent container (HTML-wise) and then use trickery to make it _visually_ appear on top of the transparent container when the page is rendered. (One suggested trick has something to do with negative margin values in CSS.)

]]> By: wayne http://www.codingday.com/transparent-div-span-for-all-browsers/comment-page-1/#comment-40073 wayne Wed, 27 Jan 2010 02:59:21 +0000 http://www.canerten.com/transparent-div-span-for-all-browsers/#comment-40073 Hey everyone. I love this. I have one more question: How do I get just the background to be transparent. Right now, EVERYTHING associated with the element is transparent. #main { background:#000000; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } Content The container is transparent, and so is the text and that is my problem. Any help would be great, thanks. Hey everyone. I love this. I have one more question: How do I get just the background to be transparent. Right now, EVERYTHING associated with the element is transparent.

#main {
background:#000000;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

Content

The container is transparent, and so is the text and that is my problem. Any help would be great, thanks.

]]> By: Valeriano Cossu http://www.codingday.com/transparent-div-span-for-all-browsers/comment-page-1/#comment-40055 Valeriano Cossu Tue, 26 Jan 2010 04:37:36 +0000 http://www.canerten.com/transparent-div-span-for-all-browsers/#comment-40055 Superb! Cheers Superb!
Cheers

]]> By: Shelly Caldwell http://www.codingday.com/transparent-div-span-for-all-browsers/comment-page-1/#comment-39192 Shelly Caldwell Tue, 22 Dec 2009 00:51:53 +0000 http://www.canerten.com/transparent-div-span-for-all-browsers/#comment-39192 Remember you have to have a width ('auto' won't work) for this to work in IE7 Remember you have to have a width (‘auto’ won’t work) for this to work in IE7

]]> By: Nic Hanafey http://www.codingday.com/transparent-div-span-for-all-browsers/comment-page-1/#comment-38906 Nic Hanafey Mon, 09 Nov 2009 12:39:04 +0000 http://www.canerten.com/transparent-div-span-for-all-browsers/#comment-38906 Hey there, Thanks so much! This worked perfectly- now my page works in IE, Firefox and Chrome :) Cheers Hey there,

Thanks so much! This worked perfectly- now my page works in IE, Firefox and Chrome :)

Cheers

]]> By: Vince http://www.codingday.com/transparent-div-span-for-all-browsers/comment-page-1/#comment-38862 Vince Wed, 28 Oct 2009 15:27:47 +0000 http://www.canerten.com/transparent-div-span-for-all-browsers/#comment-38862 Does anyone know what the performance difference is using this method over using a 1 pixel semi-transparent png? Does anyone know what the performance difference is using this method over using a 1 pixel semi-transparent png?

]]> By: Greg J http://www.codingday.com/transparent-div-span-for-all-browsers/comment-page-1/#comment-38839 Greg J Thu, 22 Oct 2009 09:40:09 +0000 http://www.canerten.com/transparent-div-span-for-all-browsers/#comment-38839 Hi, Everyone seems to be having success getting this to work in IE. I'm using IE8 and it's not working for me. Here is the css I am using for the transparent div: #feedscroller { display: block; background: #fff; overflow: scroll; width: 598px; height: 390px; border: 1px solid #c6cdb4; opacity: 0.5; filter:alpha(opacity=50); -moz-opacity: 0.5; } any ideas anyone? Hi,

Everyone seems to be having success getting this to work in IE. I’m using IE8 and it’s not working for me. Here is the css I am using for the transparent div:

#feedscroller {
display: block;
background: #fff;
overflow: scroll;
width: 598px;
height: 390px;
border: 1px solid #c6cdb4;
opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
}

any ideas anyone?

]]> By: Sunjit S Nair http://www.codingday.com/transparent-div-span-for-all-browsers/comment-page-1/#comment-38777 Sunjit S Nair Sun, 27 Sep 2009 04:59:16 +0000 http://www.canerten.com/transparent-div-span-for-all-browsers/#comment-38777 Excellent idea, Thanks a lot. Excellent idea, Thanks a lot.

]]> By: rizomer http://www.codingday.com/transparent-div-span-for-all-browsers/comment-page-1/#comment-38648 rizomer Sat, 15 Aug 2009 18:10:18 +0000 http://www.canerten.com/transparent-div-span-for-all-browsers/#comment-38648 this opens horizons. thanks. this opens horizons. thanks.

]]>