在CSS

Question

我试图将固定边距添加到背景图片并遇到问题。我希望图像占据屏幕宽度的大约70％，位于屏幕的右侧中央，然后在顶部，底部和右侧具有相等的边距。

这是我目前用于背景图片的代码：

html, body {

width: 100%;
height: 100%;
margin: 0 auto;
font-family: 'Roboto Condensed', sans-serif;
background: url(http://japesfawcett.com/img/bg.jpg) no-repeat right center fixed; 
background-size: 70% auto;

}

我已将完整的当前代码放入Pen here。

这里的图片也有助于说明我想要实现的目标：

Answer 1

您还需要考虑调整background-position。

以下是一个示例，其中{/ 1}}位于顶部/右侧/底部，图片的宽度为 70％：

＆＃13;

＆＃13;

30px

＆＃13;

＆＃13;

＆＃13;