前端开发4小时前
IE 8虽然发布,但是依然有不少人用IE 6,对于样式的构建十分头疼。 Div+CSS中最关键的是浮动布局,如果出现右边的框移到下边的状况,一般是以下两种原因: (一)父元素宽度不够 主要是增加父元素宽度即可,因为IE 6的宽度计算和IE 8/FF不一样导致。 (二)IE 6本身的Bug 当浮动的时候,宽度可能会被双倍计算,这样的话可以在float之后写:...
前端开发6小时前
温习一下元素水平垂直居中的几种方法 元素有具体宽度 1、absolute+负边距 .LV_center{ border: 1px solid red; position: absolute; width: 100px; height: 100px; top:50%; left: 50%; margin-top:-原高度/2 ; margin-left: -...
前端开发13小时前
实际效果: @-webkit-keyframes gogogo { 0%{ -webkit-transform: rotate(0deg); border:5px solid red; } 50%{ -webkit-transform: rotate(180deg); background:black; border:5px solid yellow; }...
前端开发前天 19:11
1、iphone safari不兼容CSS的active的解决方案如下: <body ontouchstart="" onmouseover=""> </body> 参考链接:http://stackoverflow.com/questions/8330559/hover-effects-using-css3-touch-event...
前端开发前天 17:28
这两天碰到一个问题,就是一个小图标的大小和定位的位置在不同的操作系统下是不一样的。 查了下资料,自己解决出来了,整理如下: html: &lt;i :class="['cursor-pointer', {'windows' : windows}, {'mac': mac}]" @click="openProductDe...
前端开发前天 14:25
经常看一些网站页面源代码中的css文件和js文件后面带一个问号,后面跟着一连串数字或字符,这是干什么用的? 这个方法我也用过,而且很好用?,它的作用有两个:1、作为版本号,让自己方便记忆、查找;2、作为修改标签,让浏览器重新下载新文件。 其实css文件后面得问号起不到实际作用,仅能当作后缀,如果用问号加参数的方法,可以添加版本号等信息,比如新浪、faceb...
前端开发前天 09:11
<!--[if lte IE 6]> <LINK rel="stylesheet" type="text/css" href="images/StyleSheet.css" /> <![endif]--> <!--[if IE 7]> <LINK rel="stylesheet" type="text/...
前端开发前天 06:00
CSS 清除默认样式 通常有以下几句就够了: *{ margin:; padding:} li{ list-style:none } img{ vertical-align:top; border:none } 如果你想写全也可以: /* 清除内外边距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ...
前端开发前天 20:06
.elm { width: calc(expression); } 注意事项: 使用“+”、“-”、“*” 和 “/”四则运算; 可以使用百分比、px、em、rem等单位; 可以混合使用各种单位进行计算; 表达式中有“+”和“-”时,其前后必须要有空格,如"widht: calc(12%+5em)"这种没有空格的写法是错误的; 表达式中...
前端开发前天 18:51
HTML: <div class="rule-title"> <div class="menu-icon"><div> 活动*规则 <div class="menu-icon"><div> </div> CSS: .rule-title { font-weight: bold; mar...