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

  • background-size: 使得背景图片可缩放
  • 单一容器上的复合图片
    复合背景图片也是有层次的显示的,最先声明的图片将会居于最上层。
    顺序:
第3章 高级图片背景图片技术_第1张图片
background顺序.png

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

  • border-image

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

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

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

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

你可能感兴趣的:(第3章 高级图片背景图片技术)