当前位置: 首页 > 面试题库 >

使用CSS从右侧偏移背景图片

卢树
2023-03-14
问题内容

有没有一种方法可以将背景图像从其元素的右侧定位一定数量的像素?

例如,要从 左侧 定位一定数量的像素(例如10个),这就是我的方法:

#myElement {
    background-position: 10px 0;
}

问题答案:

我发现此CSS3功能很有帮助:

/* to position the element 10px from the right */
background-position: right 10px top;

据我所知,IE8不支持此功能。在最新的Chrome / Firefox中,它可以正常运行。

更新

现在,所有主要浏览器(包括移动浏览器)都支持此功能。



 类似资料:
  • 我想问你一件困扰我一段时间的事。我现在学习HTML和CSS,我们做了一个功课,我们必须创建一个博客,中间有一篇文章,右边有两个边栏,网站的背景颜色应该是灰色的。问题是主文章和两个边栏应该是白色的底色,所以当我把文章的底色改成白色时,它就自动控制了网站75%以上的区域,甚至是文章之外。这里是一个截图。 我正在尝试制作的内容https://f.v1.n0.cdn.getcloudapp.com/ite

  • 问题内容: 今天在玩一些css3,主要是过渡。 我想实现的是,悬停在li元素上时,背景将以不同的颜色从左到右填充,理想情况下,我希望能够填充一半或全部。 我需要使用房产吗 任何人都可以给我一些有关实现这一目标的指示。 谢谢 问题答案: 您将需要在此处执行的操作是使用线性渐变作为背景并为背景位置设置动画。在代码中: 使用线性渐变(红色为50%,蓝色为50%),并告诉浏览器背景是元素宽度(宽度:200

  • 问题内容: 如果选择了该面板(单击该面板),则该面板的颜色为蓝色。另外,我在该面板上添加了一个小标志(图像),它表示所选面板之前已被选中。 因此,如果用户看到例如10个面板,其中有4个带有这个小标记,则他知道自己之前已经单击了这些面板。到目前为止,这项工作还不错。现在的问题是我无法显示小标志并使面板同时变为蓝色。 我使用css将面板设置为蓝色,使用设置背景图像。但是背景色似乎在图像上方,因此您看不

  • 问题内容: 应该是一个相当简单的问题。在我的网站上,我这样做: 我想做的是使背景图像变暗。由于我在该DIV中包含UI元素,因此我认为我真的不能在其上放置另一个div来使其变暗。有什么建议吗? 问题答案: 您可以将CSS3 LinearGradient属性与背景图像一起使用,如下所示: 这是一个演示:

  • 我有模型 如何在左侧设置logo,在右侧设置导航菜单栏,背景使用位置为HTML图像(注意:不是CSS背景图像)

  • 问题内容: 如何使用CSS翻转任何背景图片?可能吗? currenty我使用这个箭头图像中background-image的liCSS中 开启:visited我需要水平翻转此箭头。我可以这样做来制作另一个箭头图像,但我只是好奇地知道是否有可能在CSS中翻转图像:visited 问题答案: 在看到Alex的答案出现翻转的线索后,我发现只翻转背景而不是整个元素的方法。谢谢亚历克斯的回答 HTML CS