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

Popular posts from this blog

jquery - How can I dynamically add a browser tab? -

node.js - Getting the socket id,user id pair of a logged in user(s) -

keyboard - C++ GetAsyncKeyState alternative -