forum

Home / DeveloperSection / Forums / How can I hide a div using visible property even it has a background

Ask Question

How can I hide a div using visible property even it has a background

Pravesh Singh 1701 23-Aug-2014

I have the following div:

<div visible="false"

     style="background-image:url('../Contents/Images/item-background-selected.png'); width:113px; height:58px; background-repeat: no-repeat; position: absolute;"  />

<div>

It's still visible in spite of the visible property is set to false. but when I remove the background-image from the style it's hidden.

How can I hide it with keeping its background?

Thanks in advance.

asp.net asp.net 
Updated on 23-Aug-2014
Pravesh Singh

Pravesh Singh

Follow
Student

Can you answer this question?

Answer

1 Answers

Sumit Kesarwani

Sumit Kesarwani

23-Aug-2014
Hi Pravesh, 

try this:

visible="false"
is a server control property, unless the div has
 runat="server"
set, it will be ignored, since the browser/client does not know how to handle that.
try CSS instead:
.myDivClass {
  display:none; /** or: visibility:hidden;  which is slightly different **/
  background-image:url('../Contents/Images/item-background-selected.png');
  width:113px;
  height:58px;
  background-repeat:
  no-repeat;
  position: absolute
}

Liked By