html - PSD slicing background with image -
i got psd design website, , i'm having trouble coding main banner. page
the top banner (with image of little people) doesn't show on screen resolutions. sliced entire banner image , set background image, , text live. problem is, on screens image appears on top of text.
how should code this? thought of slicing image , adding regular image element, that's difficult because image has glow around blends background.
is there easier way this?
thanks!
the reason why show in screen resolution because image dimension 1550x417, , using css background position property set 1300px 400px. that's not responsive way setting background position, , bound vary screen screen.
there easier way this. since banner solid color why not slice graphic part of image, , use background color? can position image center of element.
slice: http://i.imgur.com/2s35jys.png
example: background: url('../images/banner2.jpg') center center no-repeat #ece8df;
Comments
Post a Comment