美文网首页
第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章 高级图片背景图片技术

    background-size: 使得背景图片可缩放 单一容器上的复合图片复合背景图片也是有层次的显示的,最先声明...

  • CSS 样式介绍(五)

    1. css 精灵技术(sprite) css 精灵技术(sprite):将多个小背景图片合成一个大的背景图片(精...

  • HTML/CSS 08-Sprites/图片整合/精灵图/雪碧图

    一、CSS Sprites的原理(图片整合技术) Css精灵雪碧图 1、将导航背景图片,按钮背景图片等有规则的合并...

  • 设置背景图片及相关属性

    设置背景图片: 在CSS可以通过background-image: url();设置背景图片 控制背景图片的平铺方...

  • 前端面试(三)

    一、图片整合 用background-position来实现背景图片的定位技术,又称为css精灵图。 用法: 将一...

  • CSS(下篇

    background 是复合属性 背景颜色: 背景图片: 铺平的方式: 设置背景图片大小: 背景图片定位移动: 设...

  • uni-app 背景相关

    背景图片固定大小 :背景图片大小,背景图片资源路径,背景的平铺方式 background-size: 100% 1...

  • 小试牛刀

    background-repeat用于控制背景图片的 重复方式。 如果只设置背景图片默认背景图片将会使 用平铺的方...

  • 背景图片和插入图片的区别

    背景图片和插入图片的区别? 1.背景图片仅仅是一个装饰,不会 占用位置;插入图片会占用位置。 2.背景图片有定位属...

  • 背景图片和插入图片的区别

    一、背景图片和插入图片的区别?1、背景图片仅仅只是一个装饰不会占用位置插入图片会占用位置 2、背景图片有定位属性,...

网友评论

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

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