美文网首页
第3章 高级图片背景图片技术

第3章 高级图片背景图片技术

作者: 没人能救你呀吼 | 来源:发表于2016-06-23 11:31 被阅读27次
    • background-size: 使得背景图片可缩放
    • 单一容器上的复合图片
      复合背景图片也是有层次的显示的,最先声明的图片将会居于最上层。
      顺序:
    background顺序.png

    虽然从理论上来说,background-size可以由background来定义,但是某些浏览器需要前缀声明,而且非常容易和background-position搞混,所以还是分开写较好。

    • border-image

      • 它的切割值不可带px单位,但可以使用相对于图片本身的百分数来作为切割值。
    • 必须与border-width同时出现,这样才能留出足够的空间来显示图片。

    • 它与border-radius的兼容性不好。

    • background-clip
      边框是绘制在背景之上的,需要裁剪。

    • @font-face
      版权问题
      可读性和渲染问题
      浏览器支持度

    相关文章

      网友评论

          本文标题:第3章 高级图片背景图片技术

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