Fixed Dimension Background Image

I used a background image with dimension 1120 X 714 pixels. The length and width ratio should be proportional w/ it's dimension so that the image will not look distorted. The webpage that will use the background-image have a fixed width of 1024px. In my css, I have below: body{ background: black url("background.jpg") no-repeat fixed center; background-size: 1120px 100%; } The css above will make the length of the background-image 100%. Depending on the resolution or the browser dimension, the background-image will get distorted. Width is not a problem here. What are other approach for this having a fixed dimension of background image? Should I use ` background-size: 1120px 714px;`?

以上就是Fixed Dimension Background Image的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准