1.hack的原理由于不同的浏览器对CSS的支持及解析结果不一样，还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。CSS Hack大致有3种表现形式，CSS类内部Hack、选择器Hack以及HTML头部引用(if IE)Hack，CSS Hack主要针对类内部hack：比如 IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"，而firefox两个都不能认识。等等选择器Hack：比如 IE6能识别*html .class{}，ie7能识别...
乍一听css字体设置很容易,其实真做起来不然。我们工程师使用原力，他们在不同浏览器调整字体的大小知道的得到合适的结果。实际上有一点深入的理解就能起到很大的作用。font-size 属性：font-size属性可以被设置给任何一个html标签，即使是不能包含文本的标签也可以设置它，比如：<br/>。可以被赋值是各种各样滴，比如：绝对，相对，长度值一个元素的font-size属性会自动继承它父节点元素的font-size属性值，除非你覆盖了它。当你给...
利用正则表达式来判断ie浏览器版本 判断是否IE浏览器 if (document.all) { alert("这个是ie浏览器");} 判断是否IE6浏览器 方法一：if ( /MSIE 6.0/ig.test(navigator.appVersion) ) {alert("这个是ie6浏览器");} 或 /MSIE 8/.test(navigator.appVersion) 方法二： var IE = !+‘\v1‘; IE6 = IE && ([/MSIE(\d)\.0/i.exec(navigator.userAgent)][0][1] == 6) 判断是否IE7浏览器 if ( /MSIE 7.0/ig.test(navigator.appVersion) ) {a...
CSS 浏览器兼容知识汇总CSS技巧1.div的垂直居中问题vertical-align:middle;将行距增加到和整个DIV一样高line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行。2.margin加倍的问题问题描述:设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案:在这个div里面加上display:inline;示例讲解:<div id="imfloat"></div>相应的css为:#IamFloat { float:left; margin:5px;/*IE下理解...
昨日，突现一个bug，令人十分恼火。 基本场景 自己实现一多选日历，可多选多天（相连或不相连均可），“贵司”的需求真心有些小复杂了，“市面”上没有这种类似的东东啊 Bug场景 鼠标悬浮到day上时，显示暗灰色，然后点击day的背景变为淡蓝色，问题就出现在这了，当鼠标悬浮的时候此时背景色为暗灰色，但是点击后仍然是暗灰色，只有当鼠标移开这个day的时候才会真正改变背景色 也就是说其实已经发生作用了，但是css并未真正发生作用...
CSS实现圆角,阴影,透明的方法很多,传统的方法都比较复杂,用CSS3就方便很多了,虽然现在各浏览器对CSS3的支持还不是很好,但不久的将来CSS3就会普及. 1.圆角 CSS3实现圆角有两种方法. 第一种是背景图像,传统的CSS每个元素只能有一个背景图像,但是CSS3可以允许一个元素有多个背景图像.这样给一个元素添加4个1/4圆的背景图像,分别位于4个角上就可以实现圆角了. 复制代码代码如下:.box { /* 首先定义要使用的4幅图像为背景图 */ backgrou...
做东东时都是把图片在服务器的地址存放在数据库里面，然后到浏览器中显示，但是后来发现了两个问题。 第一：为了安全起见，js是无法读取本地的图片的，不然你写一个js，岂不是可以获取任何人电脑里面的文件了。 第二：图片存在的是在服务器的硬盘上面，而不是在客户的硬盘里面，所以也是取不到的 后来在网上找方法，找的方法，都是各种转换二进制到xml中，的各种高大上的答案，然后本人又实在太懒了，就自己想了一个 方法，就是利用...
代码如下:<span style="font-size:14px;">css和js带参数（形如.css?v=与.js?v= 或 .css?version=与.js?version= ） <script type=”text/javascript” src=”jb51.js?version=1.2.6″></script> <link rel=’stylesheet’ href=’base.css?version=2.3.3′ type=’text/css’ />使用参数有两种可能： 第一、脚本并不存在，而是服务端动态生成的，因此带了个版本号，以示区别。 即上面代码对于文件来说 等价于 代码如下:<script typ...
HTTP 想必大家都知道不允许浏览器缓存信息可以用以下的代码设置 页面上： 服务端代码： httpResponse.setHeader("Cache-Control", "no-store"); httpResponse.setDateHeader("Expires", 0); httpResponse.setHeader("Pragma", "no-cache"); 这里的缓存信息指的是哪些内容？因为静态文件，如CSS，js，图片文件本来就是希望浏览器做缓存的 如果不做以上设置会有什么影响？ 谢谢！ 回复讨论(解决方案...
如果不在网页里明确指定，浏览器默认会进行缓存吧。一般的网页要使用缓存吗？如果发布后需要修改一个js，是不是要修改js的名字，否则的话岂不是因为缓存的问题客户端得不到最新修改后的js？ 回复讨论(解决方案) 引用外部JS文件时加个参数可以解决，文件修改后改一下这个参数值。比如 src="abc.js?v=123"
在实际项目开发过过程中，页面是上传到服务器上的。而为了减少服务器的压力，让用户少加载，浏览器会将图片、css、js缓存到本地中，以便下次访问网站时使用。这样做不仅减少了服务器的压力，并且也减少了用户的下载次数，获得更好的用户体验。 然而在版本升级或做一些css、js等调整的时候，缓存导致用户无法显示更新后的样式，这是另人头头疼的问题。除非用户自行手动升级缓存，不过几乎所有用户不会为了正常访问这个网站而去...
HTML: ASP response.expires=0 response.addHeader("pragma","no-cache") response.addHeader("Cache-Control","no-store, must-revalidate") PHP header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); header("Cache-Control: no-store, must-revalidate"); header("Pragma: no-cache"); JSP： response.addHeader("Cache-Control", "no-store, must-revalidate"); response.addHeader("Expires", "Thu, 01 Jan 1970 00:00:01 ...
不?嗦，直接说方法吧：在更新文件的时候，在引用css，js等文件的语句上加上一个版本号，就能有效防止浏览器一直使用缓存中的css，js例：<link href="/html/superstore/css/SuperStore.css?201410281" rel="stylesheet">以上加红部分是关键，每次改一下即可不过这个可能是以带参数的形式引用，不知道在引用js的时候，会不会有一些参数方面的困扰，尚未测试ps：最后吐槽下微信的浏览器，其缓存之严重，真是前所未见！
做移动web开发免不了用微信扫描页面来进行调试，android版微信浏览器一直都默认缓存html静态资源，每次静态资源变化甚至新内容发布的时候在微信浏览器上都极有可能不能更新，很多时候要清理微信缓存才能看到效果，很是烦人。部分客户装了QQ浏览器，微信实际调用的是QQ浏览器，有时候甚至光清理微信缓存都无效，QQ浏览器的缓存也要清。 解决方案是在调试阶段或者频繁更新的页面加入以下头信息
浏览器缓存,以前看过不少这方面的资料,一直觉得是运维应该处理的事情,自己重未动手操作过,所以理解不深,也容易忘记. 最近看了一下nodejs做静态服务器,稍微有了点深入的理解,于是做下笔记 看的一些文章 cache-control,Expires,Last-Modified 缓存的过程 nodejs的简单实现 看的一些文章 https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching?hl=zh-cn htt...