【问题标题】:css - alternatives or hacks for mobile browsers that don't support "background-position"css - 不支持“背景位置”的移动浏览器的替代品或黑客
【发布时间】:2011-11-04 16:48:20
【问题描述】:

我正在尝试让尽可能多的浏览器访问我的移动网站,但我注意到在使用 opera mini 模拟器 (http://www.opera.com/mobile/demo/) 时它不支持css 背景位置 - 我用来显示我所有网站图像的精灵。有什么解决方法吗?

【问题讨论】:

    标签: css mobile opera opera-mini


    【解决方案1】:

    必须有其他因素使您的代码无法正常工作,因为 Opera Mini 6 确实支持背景位置。

    我工作的公司的网站在某些地方使用背景位置,例如更改活动菜单按钮的颜色,效果很好。另一方面,还有一些其他的渲染问题,使它只显示按钮的一部分,但那部分是正确的颜色......

    【讨论】:

    • 他们如何改变背景?我正在使用jquery,像这样:vehicleImage.css('backgroundPositionX',vehicleBGPos + 'px');
    • @mheavers:backgroundPositionX 属性是非标准的,仅在某些浏览器上受支持。使用backgroundPosition 属性,它将适用于所有当前浏览器。
    • 不起作用。 jQuery本身不支持backgroundPosition,所以你必须使用插件,并且插件在opera中不起作用。
    • @mheavers:你不需要插件,你可以使用 jQuery 设置任何样式。它不关心风格叫什么。演示:jsfiddle.net/Guffa/BbN7j
    • 啊 - 我的问题是我试图为背景位置设置动画。谢谢 Guffa - 我删除了动画并切换到 backgroundPosition 并且一切正常。
    猜你喜欢
    • 1970-01-01
    • 2015-08-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-09-28
    • 1970-01-01
    相关资源
    最近更新 更多