Home/ Questions/Q 8330247
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T02:04:06+00:00

is this possible? My CSS isn’t bad, but I can’t cannot wrap my hear

  • 0

is this possible? My CSS isn’t bad, but I can’t cannot wrap my hear around this. I want to use a background image behind a header, but I want the header to “knock out” the background image leaving the background either side. I hope that makes sense.

I’ve made a fiddle incase anyone wants to have a bash…Thanks!

http://jsfiddle.net/CnVBU/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The easiest way of doing this is with border-image. See your updated fiddle here.

    Here’s the CSS for it (multiple browsers):

    .container { 
    border-width: 20px;
    -moz-border-image: url(http://fc09.deviantart.net/fs71/f/2010/163/2/d/PixelBackground_02_by_Kara1984.jpg) 27 round;
    -webkit-border-image: url(http://fc09.deviantart.net/fs71/f/2010/163/2/d/PixelBackground_02_by_Kara1984.jpg) 27 round;
    border-image: url(http://fc09.deviantart.net/fs71/f/2010/163/2/d/PixelBackground_02_by_Kara1984.jpg) 27 round;
    text-align:center;
}

    I generated this code with Border-Image.com (because writing this yourself is confusing as all hell :P).

    • 0