Forums

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

Home Forums CSS box-shadow not working with bg image?

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

    I have scoured this site but i cannot find the post Chris made about box-shadow on a entire site, well to fit the entire page. So i have some css it works without the images but not with.

    This is code which works (totally ugly, properties are set just for testing purposes).

    html {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    -moz-box-shadow:inset 0 0 200px yellow;
    -webkit-box-shadow:inset 0 0 200px yellow;
    box-shadow:inset 0 0 200px yellow;
    }

    But when i add…

    background:url(bg99.jpg);

    the box-shadow goes away. My image is a 100px x 100px that repeats.

    I just want some glow :( Is there anyway to achieve this?

    I have been looking into some pseudo elements for html or body and possibly think i could add the glow html:after so it is on top? But i dont fully conceptually grasp pseudo elements.

    Anyone else has issues with this or could possibly direct me to that post Chris made, i just cant se

    #93225
    JohnMotylJr
    Participant

    I’m using Chrome and FireFox as well. When the page loads I can see the glowing border for a split second than the background image loads and glow is gone. I’m going to recheck my code, try in a blank test page and ill get right back to you / edit post.

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