当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时，父元素的overflow:hidden属性就会失效。我们在IE 6 7内发现子元素会超出父元素设定的高度，即使父元素设置了overflow:hidden。解决这个bug很简单，在父元素中使用position:relative;即可解决该bug。 父元素设置relative属性，子元素设置absolute属性即可避免！ 原文：http://www.cnblogs.com/mmlvj/p/4585234.html
http://developer.51cto.com/art/201009/226787.htmhttp://www.cnblogs.com/WuQiang/archive/2011/08/23/2150240.html在这个浏览器百花争鸣的时代，作为前端开发的我们为了我们漂亮的设计能适应各个浏览器可为煞费苦心，主要体现在javascript和css上面。javascript我这次就不谈了，先说说css。为了适应不同浏览器不同的版本（版本主要就ie来说），ie这朵奇葩现在我们要兼容6-9，它的10也快出来了。。。在ie下我们可以写条件注释来区...
DIV 上下居中用 line-height Html代码 复制代码代码如下:<style type="text/css"> div.v-align {line-height: 200px;height: 200px;border: 1px solid red;} </style> <div class="v-align">垂直居中</div> 清除浏览器默认样式 1.用其他有名的库来清除（如：YUI) 2.自已清除 如： * {padding: 0;margin:0;} 让A支持所有浏览器 Html代码 复制代码代码如下:<style type="text/css"> a.agideo:link, a.agideo:visited {font-weight: b...
塌陷问题 当两个盒子在垂直方向上设置margin值时，会出现一个有趣的塌陷现象。①垂直并列 首先设置两个DIV,并为其制定宽高 1 /*HTML部分*/2 <body>3 <div class="box1">box1</div>4 <div class="box2">box2</div>5 </body>6 /*CSS部分*/7 <style> 8 *{9 margin: 0; 10 padding: 0; 11 } 12 .box1{ 13 width: 200px; 14 height: 200px; 15 backgrou...
一、安装postcss-px2rem-excludenpm install postcss-px2rem-exclude --save 二、配置 postcss-px2rem-exclude 1.在项目的根目录下找到文件.postcssrc.js，在里面添加如下代码module.exports = {"plugins": {// to edit target browsers: use "browserslist" field in package.json"postcss-import": {},"autoprefixer": {},"postcss-px2rem-exclude": { // 添加的代码remUnit: 75,exclude: /node_modules|folder_name/i // 忽...
复制代码代码如下:.ext-el-mask-msg div { font-size: 12px; } .loading-indicator { font-size: 12px; } .x-tab-strip span.x-tab-strip-text { font-size: 12px; } .x-form-invalid-msg { font-size: 12px; } .x-small-editor .x-form-field { font-size: 12px; } .x-fieldset legend { font-size: 12px; } .x-btn { font-size: 12px; } .x-btn button { font-size: 12px; } .x-toolbar td, .x-toolbar span, .x-toolbar input, ...
复制代码代码如下:body { text-align:center; } 用ie7打开是居左的。 万能 float 闭合(非常重要!) 关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup] 将以下代码加入Global CSS 中,给需要闭合的div加上 class=”clearfix” 即可,屡试不爽. 复制代码代码如下:.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; }.clearf...
1、用两张背景重叠制作圆角DIV 让ID为bg的做个背景，背景向右对齐，向左延伸。 然后让ID为bg_left的浮动在左边，宽度BG的。 bg_left的背景就是左边的圆角向右延伸，但宽度小于bg，bg的背景就是右圆角向左延伸，如不用做透明的话，宽度多少就无所谓了，当然，方向也可以反过来，让bg_left这个框float在右边。 2、用图片制作DIV圆角4个方向 先把一个DIV分为 上中下 3个部分 3个宽度都一样。 上面做3个DIV 左边用一个...
不?嗦，直接说方法吧：在更新文件的时候，在引用css，js等文件的语句上加上一个版本号，就能有效防止浏览器一直使用缓存中的css，js例：<link href="/html/superstore/css/SuperStore.css?201410281" rel="stylesheet">以上加红部分是关键，每次改一下即可不过这个可能是以带参数的形式引用，不知道在引用js的时候，会不会有一些参数方面的困扰，尚未测试ps：最后吐槽下微信的浏览器，其缓存之严重，真是前所未见！
在web开发过程中经常会遇到js及css文件缓存的问题，开发过程中我们可以自己手动的清空浏览器缓存，但是我们没法告诉用户去执行一个他们或许不熟悉的操作（清空浏览器缓存），为解决这个问题，编写了一个grunt插件，在前端构建的时候，可以使用grunt插件来做这件事情，就是将js及css文件自动的加上一个版本号（这里我用的是时间戳） 基于grunt的js 及css文件自动加version的插件，可以将配置的目录下所有引用到指定匹配的js及css文...
如何解决因为缓存无法及时更新图片问题:在加载远程图片的时候，往往会由于缓存的原因，即使是在服务器更新了图片有时候也得不到及时的更新。可以使用如下方法解决此问题，代码如下: $(".myImg").src("yourUrl.action?randUrl"+Math.ceil(new Date()/3600000); 实现的原理很简单，就是让每次加载的图片的src属性不同就可以做到了，这个时候可能很多人认为每次图片的src属性不同的话，图片不久乱了吗，...
细节决定成败！浏览器缓存的意义在于提高了执行效率，但是也随之而来带来了一些问题，导致服务端修改了js、css，客户端不能更新 方法一 生成随机数字 代码如下:<script type=”text/javascript“ src=”/js/test.js?+Math.random()“></script> 缺点，浏览器缓存失去意义，每次都动态加载。 方法二 版本号控制,设置全局变量，每次发布前版本号加1 代码如下:<script type=”text/javascript“ src=”/js/test.js?v=<%=v%>“></sc...
用一句代码即可搞定： 代码如下:document.execCommand("BackgroundImageCache", false, true); 当然为了其它浏览器上能正常通过，需要做下判断后调用，才更安全： 代码如下:if(Browser.isIE6){ try{ document.execCommand("BackgroundImageCache", false, true); } catch(e1){} } 平台检测代码可以这样写，摘自Ext源码： 代码如下:var Browser = {}; try{ (function(){ var idSeed = 0, ua = navigator.userAgent.toLowerCase...
使用Linux系统做网站服务器的，本地修改完Js或者css传到服务器上面经常会有没效果的情况，这是linux服务器缓存的问题，导致本地下载的js还是旧版本的，如下分享一下具体的解决办法，如下： 可以再添加js引用的地方，设置参数比如 xx.js?v=1.2 ,每次修改js都要更新v的参数，这样新的js就会立刻生效了，css也是同样的解决办法。您可能感兴趣的文章mysql服务器主从数据库同步配置如何增强Linux和Unix服务器系统安全性使用PHP的GZip压缩...
用一句代码即可搞定： 代码如下: document.execCommand("BackgroundImageCache", false, true); 当然为了其它浏览器上能正常通过，需要做下判断后调用，才更安全： 代码如下: if(Browser.isIE6){ try{ document.execCommand("BackgroundImageCache", false, true); } catch(e1){} } 平台检测代码可以这样写，摘自Ext源码： 代码如下: var Browser = {}; try{ (function(){ var idSeed = 0, ua = navigator.userAgent.toLowerC...