HOW CAN I HIDE A DIV USING VISIBLE PROPERTY EVEN IT HAS A BACKGROUND

Pravesh Singh

Total Post:412

Points:2888
Posted by  Pravesh Singh
 919  View(s)
Ratings:
Rate this:

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.

  1. Sumit Kesarwani

    Post:378

    Points:2694
    Re: How can I hide a div using visible property even it has a background

    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

    }

Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!