在做登陆页面等的首页的时候,经常会遇到需要放一张背景大图的情况,并且需要图片按比例缩放,来适应不同屏幕的大小。 html代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" ...
分类:
Web程序 时间:
2020-07-22 15:53:38
阅读次数:
102
CSS属性的简写 background background-color背景颜色 background-image背景图片 background-repeat背景平铺方式 写成一个 background:背景色 url(背景图片路径) 平铺方式;可以省略其中的一个也是可以的 background: ...
分类:
Web程序 时间:
2020-07-22 02:16:20
阅读次数:
144
页面需要水印 import Vue from 'vue' /** * watermark 指令 * 解决: 给页面生成水印 * 基本原理:给选择器添加背景图片 * 用法:v-watermark="{options}" * option: * @param {string} text 水印文字 * @ ...
分类:
其他好文 时间:
2020-07-22 02:03:04
阅读次数:
112
1.background-position 属性设置背景图像的起始位置。 2.background-size 规定背景图像的尺寸: 3.linear-gradient() 函数用于创建一个线性渐变的 "图像"。 4.Transform 属性应用于元素的2D或3D转换。这个属性允许你将元素旋转,缩放, ...
分类:
Web程序 时间:
2020-07-21 21:28:08
阅读次数:
111
先来说一下问题,在本地项目完好,所有图片均可显示,但是部署到线上之后发现所有背景图片无法展示,其他引入img正常。 解决方法: 第一步 第二步 找到build文件夹下的utils.js 启动项目 再次build就可以了。 最后的最后再说一个 轮播图上的点击事件, 我用的swiper , 轮播上的实验 ...
分类:
其他好文 时间:
2020-07-21 14:09:06
阅读次数:
90
系统结构 B/S架构 Browser/Server : (浏览器/服务器的交互形式) Brower支持哪些语言:BTML 、CSS 、JavaScript 写HTML、CSS、JavaScript代码的这拨人职位叫做:WEB前端开发工程师。 前端页面上的图片需要UI设计师完成。 S是服务器端Serv ...
分类:
Web程序 时间:
2020-07-21 09:43:38
阅读次数:
304
1.加载问题 背景图片会等到html结构加载完成才开始加载img标签是网页结构的一部分,会在html结构加载的时候加载在网页加载的过程中,背景图片会等到结构加载完成(网页的内容全部显示以后)才开始加载,而img标签是网页结构(内容)的一部分会在html结构加载的过程中加载,换句话讲,网页会先加载im ...
分类:
Web程序 时间:
2020-07-19 00:38:34
阅读次数:
116
CSS3的常规属性 背景属性——background ? 在css中使用background属性来设置背景,它的值有以下几个: 属性 描述 background 简写属性,作用是将背景属性设置在一个声明当中。 background-color 设置的是背景颜色。(颜色名 十六进制 rgb() rgb ...
分类:
Web程序 时间:
2020-07-18 22:15:21
阅读次数:
306
background-color 背景颜色 背景颜色值:十六进制方法表示 background-image 背景图像 background-image:url(图片路径); background-repeat 背景重复方式 repeat:沿水平和垂直两个方向平铺 no-repeat:不平铺,即只显示 ...
分类:
Web程序 时间:
2020-07-18 15:44:29
阅读次数:
75
这次项目有一个需求,就是右上角一个 气泡弹窗 popover ,当会员状态是已过期的时候,背景图成白色渐变,如果是未过期,就是黑色渐变。 于是就想通过设置不同的 status 值来添加不同的 className , 以设置 .ant-popover-inner 的样式来设置背景图, 当然,这样做有一 ...
分类:
其他好文 时间:
2020-07-14 16:51:04
阅读次数:
193