18 Replies Latest reply on Sep 30, 2013 4:22 AM by Shirin_B

    fluid Dreamweaver background image

    Shirin_B

      Hi,

       

      I created a fluid html5 page and it's background image looks fine when it is at the desk top size, but when the browser shrinks to mobile or ipad size back ground image resizes and shrinks!

      I tested it in ipad and mobile and it shows the same issue!

       

      I have been told that, I need to remover the      background-size: 100%;      from my background class in my css, but I did that and it didnt work.

       

      .background{

              background-image:url(../image.jpg);

              margin:0;

              padding:0;

              color: #333;

              font: normal 0.6em sans-serif,Arial;

              background-repeat: no-repeat;

              background-position: center top;

              background-color:#EBECE4;

              background-size: 100%;

              width: 100%;

       

      Is there any help?backImage.png

       

       

      Thanks,