【问题标题】:Method to check for css background-size support检查 CSS 背景大小支持的方法
【发布时间】:2013-05-13 01:06:54
【问题描述】:

我正在开发一个主要使用background-size:cover 属性作为背景的网站。但是我想支持 IE 7/8,我知道我可以使用 IE 条件 cmets,但检查属性支持会更有用,因为它可以支持其他旧浏览器而不是 IE。

我有后台问题的解决方案,但是我需要知道什么时候用js添加它,这取决于是否支持background-size属性。

我的问题是,在旧浏览器中检查 css background-size 属性的最佳方法是什么?

我看到了一些相关的问题,但它们都需要使用 Modernizer,我不希望使用额外的库,除非它是唯一的选择。

谢谢。

【问题讨论】:

  • "检查属性支持会更有用,因为它可以支持其他旧浏览器,而不仅仅是 IE" 你是个好人。
  • 这是我使用的一个非常有用的网站,它告诉我什么在什么浏览器中有效:caniuse.com。它是一个很棒的培训工具。

标签: javascript jquery css


【解决方案1】:

if( 'backgroundSize' in document.documentElement.style) 将是最简单的方法。

【讨论】:

  • 供应商前缀怎么样?我怀疑这涵盖了所有/许多情况
  • @Ian 这里唯一的供应商前缀是-moz-background-size,这仅适用于 Firefox 3.6。我认为这里不需要。
  • 我不知道,MDN 文档显示了 older browsers 的几个前缀(OP 要求):developer.mozilla.org/en-US/docs/Web/CSS/background-size,以及一种特殊的使用方式filter 用于 IE 8
  • @Ian 可能是这样,但在这种情况下,由 OP 来决定是否值得对所有前缀进行测试,或者只是为不支持的浏览器实现回退支持无前缀版本。
  • 在此处查找有关这不适用于 Safari 和 iPad 的说明。 stackoverflow.com/questions/12244598/…
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-06-22
  • 2014-11-19
  • 1970-01-01
  • 2011-12-04
  • 2019-08-18
  • 1970-01-01
  • 2018-07-28
相关资源
最近更新 更多