css3 background-sizing 属性，捎带 background-repeat 属性

news/2024/7/24 11:23:40

background-sizing:
　　contain: 在指定大小的容器内把图像按照图像本身长宽比扩展到最大尺寸，有可能有留白
　　cover: 在指定大小的容器内，把图像按照图像本身的长宽比扩展到足够大，已能够把整个背景全部覆盖，图像的某些部位可能不能显示
详见下图所示：

background-repeat:
  repeat-x：背景图像在横向上平铺
  repeat-y：背景图像在纵向上平铺
  repeat：背景图像在横向和纵向平铺(默认值)
  no-repeat：背景图像不平铺
  round：背景图像自动缩放直到适应且填充满整个容器。（CSS3）
  space：背景图像以相同的间距平铺且填充满整个容器或某个方向。（CSS3）

一般当 background-sizing 为 contain 时，会启用 background-repeat 的默认值 repeated，将留白部分用背景图平铺填满

http://www.niftyadmin.cn/n/1816736.html

RedHat Enterprise 4 as4 ISCSI Target 网络存储服务器安装攻略

一、选用ISCSI原因近期为了满足工作项目的设计需求，需要一个生产环境局域网内共享的大容量存储环境。考虑到价格因素，我选择采购了一台专用的网络存储服务器，硬盘全部为SATA 硬盘，通过自机网卡进行文件系统级别的共享。考虑到网络…

vue2.0 生命周期简析

Vue2.0 生命周期钩子函数： <template> <div idapp> {{message}}　 </div> </template> var app new Vue({ el: #app, data: { message: hello vue }, 生命周期钩子函数: function() { console.log(this.$el); console.log(this.$data); …

Vue TodoList案例增加编辑功能

文章目录编辑功能实现nextTick编辑功能实现 App.vue 中增加样式 .btn-edit {color: #ffffff;background-color: skyblue;border: 1px solid skyblue;margin-right: 10px; }同时增加修改 todo 的方法，同时绑定 //更新todoupdateTodo(id,title) {this.todos.forEach…

在.Net中使用异步

在写程序的过程中，我们可能会需要对某些功能实现异步操作，比如记录调用日志等。提到异步，我们最容易想到的就是多线程：我们可以启动另外一个线程，把一部分工作交给另外一个线程去执行，而当前线程继续去做一…

IE的兼容性设置 X-UA-Compatible

< meta http-equiv "X-UA-Compatible" content "IEedge,chrome1" /> 是IE8的专属标记，用来兼容其它低版本IE浏览器的，告诉IE8浏览器以哪个低版本的IE浏览器来渲染页面， 1. 遵循<!DOCTYPE>指令文档声明的…

Vue 动画效果、过渡效果

文章目录动画效果过渡效果单个元素多个元素Animate.css总结todolist 增加动画效果动画效果新建 Test.vue <template><div><button click"isShow !isShow">显示/隐藏</button><transition><h1 v-show"isShow">你好 …

Command 模式 Step by Step

摘要: 提起Command模式，我想没有什么比一个遥控器的例子更能说明问题了，本文将对Command模式作以简单介绍，我们通过完成这个范例来一步步实现GOF的Command模式。阅读全文张子阳. 2007-12-20 08:17 发表评论转载于:https://www.cnblogs.com/…

AMD，CMD，UMD 三种模块规范写法格式

一下三块均以 foo.js 为示例文件名，以 jQuery，underscore 为需求组件 ADM：异步模块规范， RequireJs 的支持格式 1 // 文件名: foo.js2 define([jquery, underscore], function ($, _) {3 // 方法4 function a(){}; // 私有方法&a…

css3 background-sizing 属性，捎带 background-repeat 属性

相关文章