html - 改变背景大小 :cover anchor from top left to top right

标签 html css background

我正在创建一个单页网站,其中的图像覆盖整个背景(并与窗口成比例地拉伸(stretch))。为此,我使用了“背景尺寸:封面;”

现在,当我将窗口调整到最小尺寸时,背景图像似乎锚定在默认的左上角。

我有什么办法可以将锚定位置更改为右上角吗?

最佳答案

尝试将您的 css 代码更改为如下所示:

body
{
   background:#ffffff url('img_tree.png') no-repeat right top;
   margin-right:200px;
}

这里是演示:http://www.w3schools.com/css/tryit.asp?filename=trycss_background_shorthand

关于html - 改变背景大小 :cover anchor from top left to top right,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13618167/

相关文章:

angularjs - 创建 Angular 用户列表(高效)

javascript - UIWebView模拟鼠标位置

javascript - 为什么我的 javascript 函数没有在我的 div 中被调用?

css - 如何为奇数和偶数表行制作悬停阶段

jquery - 垂直站点上的多个全屏背景图像

javascript - 事件监听器以确定单击的目标是否是特定类的元素

CSS3 : Is it possible to pause OTHER elements' animations on hover of an element?

javascript - float 的列样式对齐

html - 在 div 左侧显示指针

iOS 背景图像在设备上不起作用