美文网首页
浏览器css兼容

浏览器css兼容

作者: 63eb7397f9be | 来源:发表于2019-05-20 10:58 被阅读0次

CSS

❤background-size css3新属性 在IE和傲游浏览器中并不支持

在火狐浏览器中通过添加私有属性-moz-background-size从而获得支持

Safari和Chrome也需要通过添加私有属性-webkit-background-size

在IE浏览器中可以通过滤镜filter来实现

    background-image:url('test.jpg');

    background-size:cover;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.jpg',sizingMethod='scale'); 其中图片路径url和src必须一致,同时都是绝对路径,否则会出错,也就是说不能放在css文件里边,放在html里面。

sizingMethod

crop: 剪切图片以适应对象尺寸。

image: 默认值。增大或减小对象的尺寸边界以适应图片的尺寸。

scale: 缩放图片以适应对象的尺寸边界。不管图片尺寸为多大,都会拉伸到跟容器的尺寸一样宽高

相关文章

  • 2019-06-05

    css浏览器前缀: -ms- 兼容IE浏览器; -moz- 兼容firefox -o- 兼容opera, -web...

  • HTML样式在不同浏览器中显示有差异的解决办法

    (一)AutoPrefixer (Autoprefixer CSS online) 为兼容所有浏览器,有的CSS属...

  • CSS浏览器前缀

    浏览器样式前缀 为了让CSS3样式兼容,需要将某些样式加上浏览器前缀: -ms- 兼容IE浏览器 -moz- 兼容...

  • css元素选择符

    1 通配符(*) css2 兼容浏览器版本 注: 示例 2 标签(类型)选择符(Element) css1 兼容浏...

  • css浏览器兼容

    一.什么是CSS hack。浏览器兼容,不同的浏览器兼容性不同,对css的解析也不同,有些能够识别一些特定的符号(...

  • 前端知识CSS浏览器前缀

    浏览器样式前缀 为了让CSS3样式兼容,需要将某些样式加上浏览器前缀: -ms- 兼容IE浏览器-moz- 兼容f...

  • html(入门)CSS浏览器前缀

    浏览器样式前缀 为了让CSS3样式兼容,需要将某些样式加上浏览器前缀: -ms- 兼容IE浏览器-moz- 兼容f...

  • 浏览器兼容问题

    1.什么是 CSS hack CSS hack:利用浏览器漏洞,使css兼容不同的浏览器/版本。共有3种方式: I...

  • 浏览器兼容(task12)

    1.什么是 CSS hack CSS hack:利用浏览器漏洞,使css兼容不同的浏览器/版本。共有3种方式: I...

  • CSS Hack

    解决浏览器兼容问题(主要兼容IE浏览器) 属性级hack在css属性名前或者除css属性值后加上一些特殊的标识,以...

网友评论

      本文标题:浏览器css兼容

      本文链接:https://www.haomeiwen.com/subject/xlbhzqtx.html