Maybe. In a containing <div> with position: relative (This makes it the parent), you absolutely position 4 items. 1. Type (top layer) 2. Image (next layer) 3. White mask rectangle that goes behind the type and above the green (border) image. (next layer) 4. Green image that's slightly larger than the image above, thus looking like a border. (bottom layer)
Use z-index to set the layer order. Cumbersome, but it might work. Also, this might be possible using some of the newer CSS3 drawing techniques, but those I'm not familiar with. Rod Castello On Sat, Aug 16, 2014 at 2:22 PM, John <j...@coffeeonmars.com> wrote: > In the image shown ( link below ) I would like to have a border around an > image except where some type would be. The break happens right where the > red arrows are pointing in the image. > > Is this possible in CSS? Of course, I could cheat and put the border and > type in the image, but before I do that, curious if there’s a code way to > do this properly. > > Thank you! > > John > > http://coffeeonmars.com/screenshots/brokenborder.jpg > ______________________________________________________________________ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
