:active伪类是在类似‘mousedown‘事件触发的时机生效的，而手机上并没有‘mousedown‘事件，取而代之的只有‘touchstart‘和‘touchend‘。只需要给这个a链接的touch系列的任意事件touchstart/touchend绑定一个空的匿名方法即可hack成功var a = document.getElementsByTagName(‘a‘);for(var i = 0; i < a.length; i++) { a[i].addEventListener(‘touchstart‘,function(){},false); }添加以上代码，touch按下去后，发现a的...
请看代码： 复制代码代码如下:<div style="border:1px solid red;width:1px;height:1px;background-color:yellow;"></div> 显示的结果应该是个小点，但是在ie下就是显示一个竖长条，就是说height无效，这就是IE一bug 解决办法，添加overflow:hidden; 复制代码代码如下:<div style="border:1px solid red;width:1px;height:1px;background-color:yellow;overflow:hidden;"></div> 解决问题。原文：http://www.jb51.net/css/75908.ht...
一.什么是浏览器兼容性问题？ 所谓的浏览器兼容性问题，是指不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况；而造成浏览器兼容问题的根本原因，是浏览器的内核不同导致的。认识浏览器内核 浏览器类型 内核 JS引擎 IE Trident JScript Firefox Gecko TraceMonkey Chrome ...
如今，这种利用CSS制作圆角的技术已经得到了大多数主流浏览器的支持，包括Safari，谷歌浏览器，IE，Opera和火狐浏览器。下面让我们来看看border-radius的语法，解释，以及IE是如何支持它的。语法和说明在CSS3中用来生成圆角效果的属性是border-radius.这个属性跟大家熟知的width等属性的用法相似：复制代码代码如下:.roundElement { border-radius: 10px;}上面的这句代码的作用是设置一个元素的四个角的弧度半径值都为10px。你也可...
断断续续的在开发过程中收集了好多的bug以及其解决的办法，都在这个文章里面记录下来了！希望以后解决类似问题的时候能够快速解决，也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法！1：li边距“无故”增加 任何事情都是有原因的，li边距也不例外。 先描述一下具体状况：有些时候li边距会突然增 加很多，值也不固定（只在IE6/IE7有这种现象），让人摸不着头脑，仔细“研究”发现是由于其低级元素ul的padding引...
一个正常的空a标签： <a><p>鼠标悬停，鼠标样式不更改</p></a> 我没有给a标签设置href和target属性，此时鼠标悬停时，是不会让鼠标样式发生改变的。 当我给a标签的href属性设置成href="#"，让这个链接变成dead link,鼠标悬停时，鼠标样式就会发生改变了。 <a href="#"><p>鼠标悬停，鼠标样式更改</p></a>原文：https://www.cnblogs.com/xiaoycc/p/14825784.html
在使用scale放大元素的时候，发现里面的文字出现了动态的抖动效果，有点怪异，如下图： 解决方法~加上样式：*{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;-webkit-perspective: 1000;-moz-perspective: 1000;-ms-perspective: 1000;perspective: 1000;} 最后的效果：原文：https://www.cnblogs.com/lulu-beibei/p/148618...
今天angularjs的网站突然加载报错，提示Refused to execute script from ‘https://cdnjs.com/‘ because its MIME type (‘text/html‘) is not executable, and strict MIME type checking is enabled 后查看引用的//cdn.bootcss.com/require.js/2.1.11/require.min.js 无法打开。 解决方法：把所有 cdn.bootcss.com替换成cdnjs.cloudflare.com/ajax/libs原文：https://www.cnblogs.com/wsprince/p/10577939.html
复制代码代码如下: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...
不?嗦，直接说方法吧：在更新文件的时候，在引用css，js等文件的语句上加上一个版本号，就能有效防止浏览器一直使用缓存中的css，js例：<link href="/html/superstore/css/SuperStore.css?201410281" rel="stylesheet">以上加红部分是关键，每次改一下即可不过这个可能是以带参数的形式引用，不知道在引用js的时候，会不会有一些参数方面的困扰，尚未测试ps：最后吐槽下微信的浏览器，其缓存之严重，真是前所未见！
用一句代码即可搞定： 代码如下: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...
用一句代码即可搞定： 代码如下: 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...
本篇文章给大家带来的内容是关于CSS中overflow-y: visible;不起作用的解决方法，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。场景最近要做的一个需求是移动端的h5页面，要求有一排可选择的卡片, 超出容器部分可以左右滑动，同时每张卡片左上角要有一个删除按钮。如下图：心想：so easy, 在父容器上加一个max-width: 200px; white-space: nowrap; overflow-x: auto;不就搞定了嘛。Demo如下：<div class="contai...
在将html页面整合到ci框架里面的时候，加载css和js失败，弄了半天发现ci框架是入口的框架， 对框架中文件的所有请求都需要经过index.php处理完成，当加载外部的css和js文件的时候要使 用base_url()函数处理外部的链接。 比如： 在config配置文件中的base_url为：" localhost:8080/项目名称/ " 在控制器中访问application/resource/aaa.js文件 相对路径访问失败 1、直接在src中输出2、借用base标签 将base_url（）的输出放在< base ...
本篇文章给大家带来的内容是关于CSS常见兼容性问题及解决方法的总结 ，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。浏览器的兼容性问题，通常是因为不同的浏览器对同一段代码有不同的解析，造成页面显示不统一的情况。这里谈到的浏览器，主要指IE6/IE7/IE... FireFox Chrome Opera Safari 等。 但更多的兼容还是考虑IE6/IE7/FF之间的斗争先来谈谈CSS Hack我们为了让页面形成统一的效果，要针对不同的浏览器或不...