CodingForums.com - View Single Post - Resolved Transparent Background on Click with Jquery.

samuelito.mcf · 02-20-2013, 11:44 PM

I am trying to make it so that when a div is clicked it then gets a transparent background.

Code:

$(".homeelem").click(function () {
            $("#homeanim").css({borderBottomWidth:'1px', width:'915px',top:'360px'});
 });

I am already using this code to change other css properties but just can't seem to change the background. I'd also prefer to have this work in Internet Explorer so RGBA or Opacity isn't what I'm looking for. Generally to do this in basic CSS I use:

Code:

<style type="text/css">
background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#80000000); 
       zoom: 1;
</style>

But I don't know how to implement this into Jquery. Any thoughts?

02-20-2013, 11:44 PM	PM User \| #1
samuelito.mcf New Coder Join Date: Jan 2013 Location: Oregon Posts: 34 Thanks: 5 Thanked 0 Times in 0 Posts	Transparent Background on Click with Jquery. I am trying to make it so that when a div is clicked it then gets a transparent background. Code: $(".homeelem").click(function () { $("#homeanim").css({borderBottomWidth:'1px', width:'915px',top:'360px'}); }); I am already using this code to change other css properties but just can't seem to change the background. I'd also prefer to have this work in Internet Explorer so RGBA or Opacity isn't what I'm looking for. Generally to do this in basic CSS I use: Code: <style type="text/css"> background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#80000000); zoom: 1; </style> But I don't know how to implement this into Jquery. Any thoughts? Last edited by samuelito.mcf; 02-21-2013 at 07:20 PM..