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

Total Post:412

Points:2888
 1194  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. 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
    }

      Modified On Apr-04-2018 06:36:36 AM

Answer

NEWSLETTER

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