这两天做了个项目 在静态页面编写完成后 正常在网页显示完好 但是用真机测试的时候 设置的background属性完全失效
那么这个是什么问题引起的呢
经过试验 发现 在低版本 CSS3属性 大部分都会出现兼容性问题
比如最开始的background 设置背景图片 我最开始是 background URL 路径后面跟上了 no-repeat center top/cover 属性
但是 在真机测试的时候 并没有神效 后来添加了一个属性算是成功
在下面添加一个 background-size:100% 100%; 属性即可改变其兼容性问题出现的背景图片丢失问题;
但是问题并不仅仅是如此 在按钮需要用到颜色渐变 background-image: 属性 颜色渐变 也会失效 这个在低版本 是会出现兼容性问题的 后来通过切图 background:url repeat-x 给解决了
这个以后如果需要兼容较低版本的话 需要注意一下 如果一些样式属性失效 可能就是因为CSS3低版本兼容性问题引起