background: rgba(255, 0, 0, 0.5);
Hi,
I'm quite new to html and css as in I have just learned on a website called code avengers. I would like to learn some coding and have taught myself to set up a business page for my friend. I read some great reviews about your html editor and I'm currently testing it before I buy in a couple of days.
Onto the problem, I like using the function that I titled this as background: rgba(255, 0, 0, 0.5); but I can't seem to get it working. I can get background: rgb(255, 0, 0); to work just fine but it doesn't seem to agree with the transparency option. I have looked at other ways of doing this but as I know little to nothing about divs yet, which is what I seem to be finding I can't really use them and understand how they work.
Can you please tell me what I am doing wrong that is stopping the transparency option from working with rgba.
If that is not possible can you please advise on another way I can do this such as adding class="???" and then setting opacity for that section. However this is a rather long winded way to do it when it's quite easy to set up rgba.
I'll attach a file but there is little to no content in this as I have just started it tonight and found the problem right away. I'll be adding more content tomorrow. If you would like more content please ask and I'll send it when I have it.
I'm quite new to html and css as in I have just learned on a website called code avengers. I would like to learn some coding and have taught myself to set up a business page for my friend. I read some great reviews about your html editor and I'm currently testing it before I buy in a couple of days.
Onto the problem, I like using the function that I titled this as background: rgba(255, 0, 0, 0.5); but I can't seem to get it working. I can get background: rgb(255, 0, 0); to work just fine but it doesn't seem to agree with the transparency option. I have looked at other ways of doing this but as I know little to nothing about divs yet, which is what I seem to be finding I can't really use them and understand how they work.
Can you please tell me what I am doing wrong that is stopping the transparency option from working with rgba.
If that is not possible can you please advise on another way I can do this such as adding class="???" and then setting opacity for that section. However this is a rather long winded way to do it when it's quite easy to set up rgba.
I'll attach a file but there is little to no content in this as I have just started it tonight and found the problem right away. I'll be adding more content tomorrow. If you would like more content please ask and I'll send it when I have it.
Hi Ruaidhri.summers,
This works for me.
This works for me.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
<meta name="created" content="Sun, 18 Aug 2013 03:18:51 GMT">
<title></title>
<style type="text/css">
<!--
body {
color:#000000;
background-color:#000000;
}
a { color:#0000FF; }
a:visited { color:#800080; }
a:hover { color:#008000; }
a:active { color:#FF0000; }
.test{
background: rgba(255,255,255, .3);
width:400px;
height:300px;
}
-->
</style>
</head>
<body>
<div class="test"></div>
</body>
</html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
<meta name="created" content="Sun, 18 Aug 2013 03:18:51 GMT">
<title></title>
<style type="text/css">
<!--
body {
color:#000000;
background-color:#000000;
}
a { color:#0000FF; }
a:visited { color:#800080; }
a:hover { color:#008000; }
a:active { color:#FF0000; }
.test{
background: rgba(255,255,255, .3);
width:400px;
height:300px;
}
-->
</style>
</head>
<body>
<div class="test"></div>
</body>
</html>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Worked for me....
background-color: rgba (255,0,0,.5); (bubblegum pink instead of red)
background-color: rgba (255,0,0,.5); (bubblegum pink instead of red)
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
Hi, Eric, Paintbrush
I found that if I opened it in Firefox it seems to work but doesn't work in IE 8.
Found that to make it work in IE as they don't support RGBA I need to create a PHP or use a fallback color using hex and set the correct color, which is a bitch to find but I can get it close enough.
Thanks for the reply
I found that if I opened it in Firefox it seems to work but doesn't work in IE 8.
Found that to make it work in IE as they don't support RGBA I need to create a PHP or use a fallback color using hex and set the correct color, which is a bitch to find but I can get it close enough.
Thanks for the reply

I found this "solution" for IE8 issues:
http://theie8countdown.com/
http://theie8countdown.com/

I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
Haha, I love it. It's just what I need to add as a link to my page.
That is defo finding its way on there somehow.
XD
That is defo finding its way on there somehow.
XD
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.