当行内样式遇见背景图片 今天需要在行内样式中引入背景图片,但是发现游览器并不解析背景图片的地址 然后己经查询找到了一种解决方法 css ``` 但是不知其原理 ...
分类:
其他好文 时间:
2020-03-26 20:00:27
阅读次数:
458
效果: body{ margin: 0px; height:100%; width:100%; background-image: url("bg.png"); background-position-x: 0px; background-position-y: 0px; background-re ...
分类:
其他好文 时间:
2020-03-25 23:36:35
阅读次数:
87
1.模态框案例 需求: 打开网页时有一个普通的按钮,点击当前按钮显示一个背景图,中心并弹出一个弹出框,点击X的时候会关闭当前的模态框 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style t ...
分类:
编程语言 时间:
2020-03-22 22:37:45
阅读次数:
76
CSS控制背景 背景 background:颜色 图片 平铺方式 固定方式 位置 背景颜色 background-color:red; 背景图像 background-image:url(背景图像的位置及全称) 背景图片的重复方式 background-repeat:[repeat、no-repea ...
分类:
Web程序 时间:
2020-03-22 13:36:02
阅读次数:
70
问题简述: 问题代码:利用字符串模板显示图片路径的变量img 报错信息: 解决方法: 1.使用字符串拼接 2.效果正常显示,但是会报一个错误 3.这是因为初次加载的时候变量img默认是undefind,所以解决的方法是利用计算属性,动态的计算img值 ...
分类:
微信 时间:
2020-03-21 23:13:48
阅读次数:
447
1、安卓浏览器看背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480 ...
分类:
移动开发 时间:
2020-03-21 21:43:05
阅读次数:
96
图中的小手图标svg的尺寸为 width="18px" height="21px" 小手图标为div的背景,因为高度>宽度,div的宽高都是1rem,所以被拉伸了。 解决办法:修改SVG图片中宽高、viewbox值 关于SVG的viewbox值的定义:https://www.jianshu.com/ ...
分类:
其他好文 时间:
2020-03-18 13:48:01
阅读次数:
173
作为一名程序媛在编写页面的时候经常还会遇到水平或者垂直居中的一些布局今天正好有空就把各种居中的方式都总结了一下分享给大家希望能给大家带来帮助 1.已知宽高背景图与背景图上的文字都水平垂直居中 .img-bg{ position: absolute; background: url("http://s ...
分类:
Web程序 时间:
2020-03-14 19:50:53
阅读次数:
70
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .box{ 8 width: 200px; 9 h ...
分类:
Web程序 时间:
2020-03-14 16:54:10
阅读次数:
64
<template> <div id="app"> <div class="y_bj" :style="y_bj"></div> </div> </template> <script> import { Toast } from "vant"; export default { data() { r ...
分类:
其他好文 时间:
2020-03-13 20:53:39
阅读次数:
1162