前端开发2025年09月24日
写主题样式的时候经常会碰到用背景图铺满整个背景的需求，这里分享下使用方法 需要的效果 图片以背景的形式铺满整个屏幕，不留空白区域 保持图像的纵横比（图片不变形） 图片居中 不出现滚动条 多浏览器支持 以图片bg.jpg为例 方法一、最简单，最高效的方法 CSS3.0 归功于css3.0新增的一个属性background-size，可以简单的实现这个效果，这里...
前端开发2025年09月10日
思路主要是 IE9+ 谷歌 火狐等使用rgba(0,0,0,0.5)来确定透明度 前三个值是RGB值 可以直接参考PS里对应的值 最后一个是透明度 例子 background：rgba(255,255,255,0.5); 然后去兼容IE6-IE8 ie6-ie8使用hack @media \0screen\,screen\9{ .bg_opacity{ b...
前端开发2025年09月04日
半透明边框 默认情况下，背景会延伸到边框所在的区域下层。可以通过background-clip属性调整该默认行为。 border: 10px solid rgba(0,0,0,.2) background: blue; background-clip: padding-box; 多重边框 box-shadow box-shadow支持逗号分隔语法，可以创建...
前端开发2025年08月29日
透明往往能产生不错的网页视觉效果，先奉上兼容主流浏览器的CSS透明代码:.transparent{filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}上面的几个属性分别是:opacity: 0.9; 这是最重要的，因为它是CSS标准.该属性支持fire...
前端开发2025年08月24日
在build/utils.js文件中添加publicPath:'../../' if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath: '../../' }) } else { ...
前端开发2025年08月17日
在Web开发中我们经常要碰到这样的问题：在为一个页面设置背景图片之后往往希望图片能够在分辨率比较大的情况下水平垂直都居中显示。通常水平居中显示在Css中是很容易做到的，而垂直居中就需要使用一些Css的技巧： 1. 首先为了能使得网站能够根据浏览器大小自适应，我们需要将页面的body元素height值设为100%，而在这之前，我们需要将xhtml验证从网站头...
前端开发2025年08月17日
以前欲做一个渐变的背景，一般都是用图片。一次偶然发现用CSS Filter 可以实现相同的效果，而最重要的好处是它可以省去你去下载图片所使用时间。 <html><head><meta http-equiv="Content-Type" content="text/html; charset=shift_jis"><...
前端开发2025年08月09日
原问题 #wrapper{ width:100%; height:100%; position:fixed; background-image:url(./img/open_bg.jpg) } 在.vue文件中的CSS样式中，使用背景图 在webpack打包后，路径不对，怎么办呢？ 回答 如果你用了vue-cil，那么在build目录下找到utils.js...
前端开发2025年07月29日
目录 制作： 1.定义canvas标签： 2.开始js部分，先定义变量： 3.初始化字符串数组，先给每条字符串位置，字符先不给： 4.绘制每条字符串： 5.更新字符串： 6.设置动画过程： 7.在窗口大小改变时，设置canvas画布能实时铺满屏幕： 完整代码： 制作： 1.定义canvas标签： &lt;canvas id="canvas...
前端开发2025年06月09日
body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ user-select: none;/*选中文字时避免出现蓝色背景*/ } ...