Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS box shadow not working on zoom

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #150175
    pallavi1811
    Participant

    Hi

    I have a prob here. this prob is happening in IE 8,9,10. there is a body i have applied box shadow to that. the strange problem is that right side i am getting the shadow but not on left. on zooming to 75%, 50% etc.
    this is the code written for body

    html { background:#f2f2f2; width:100%; height:100%; }
    

    body { min-height:100%; width:980px; margin:0 auto; padding:0 70px; position:relative; z-index:1; background:#fff; border:1px solid #d9d9d9; border-top:none; border-bottom:none; overflow-x:hidden; overflow-y:auto; *overflow-y:visible;
    -webkit-box-shadow:0 0 4px rgba(0,0,0,.3);
    -moz-box-shadow:0 0 4px rgba(0,0,0,.3);
    box-shadow:0 0 4px rgba(0,0,0,.3);
    zoom:1;
    }
    body:nth-child(1n) { border:none; }
    body:before { content:’.’; display:block; height:0; clear:both; visibility:hidden; }

    #150182
    Paulie_D
    Member

    Codepen please!

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.