Firefox、Opera 不支持 background-position-x, background-position-y 的解决办法

最新推荐文章于 2024-08-24 22:24:29 发布

中国刘金

最新推荐文章于 2024-08-24 22:24:29 发布

阅读量780

点赞数

本文链接：https://blog.csdn.net/kimliu2009/article/details/52958831

版权

Firefox、Opera 不支持 background-position-x, background-position-y 的解决办法

今天写 CSS 的时候发现 background-position-x, background-position-y 设置之后 IE, Chrome, Safari 都没有问题，但是在 Firefox 和Opera 下没有效果，结果 Google 一下发现这两个 CSS 属性 Firefox、Opera 不支持，解决办法就是改成设置 background-position 属性。

比如你现在的 CSS 代码是：

background-position-x: 10px;
background-position-y: 20px;

那只需要改成：

background-position: 10px 20px;

就能同时兼容这几个浏览器了！

<P style="CURSOR:pointer">演示：手形</P>

CURSOR:hand 不支持

body
  { 
  background-image: url(bgimage.gif);
  background-color: #000000;
  }
所有浏览器都支持 background-image 属性。
JavaScript 语法：    object.style.backgroundImage="url(stars.gif)"