#浅谈浏览器兼容性问题-（2）本人解决方案理解与积累##前言 接着[前一篇](http://www.cnblogs.com/p2227/p/3593087.html)吧，我们除了正确看待，还要有一定的解决方案积累。当然，IE没有公开的源代码，所以有很多内容只能是记录，在使用中熟记于心并提前避免。##【HTML/CSS】名(chou)扬(ming)天(yuan)下(bo)的IE6双倍边距问题###思考网上有很多关于该问题的文章，园子里面也有很多，[戳我](http://www.cnblogs.com/YAOXI/articles/...
a.本节精选html5/css频道里一款IE6下div遮盖select的最优解决方案 原理：利用iframe来遮挡select，再用div来遮挡iframe，就这么简单。 1）首先，建一个div层和iframe层； 2）再设置它们的属性，重要的样式是用z-index来控制iframe和div的显示顺序，z-index的值越大，他会在表层显示。 （注意：z-index只有在设置了position:absolute;后才会生效） 3）再用js来控制它们显示和隐藏。 c.本CSS自适应...
Flash 嵌入的问题朋友们可能认为很简单，但是具体到一些问题上来讲，就不是那么简单了，比如：IE浏览器对FLASH的拦截虚框怎么去掉？在FF、OP、NS等其它浏览器是否兼容？代码是否符合W3C标准？？等等 下面我就转贴别人的一篇文件，共同学习一下 一、传统的方法 这方法是使用 object 和 embed 标签来嵌入，细心的会发现，object 的很多参数和 embed 里面的很多属性是重复的，为什么这样做？为了浏览器兼容性，有的浏览器...
抛出另一个问题：IE7已经支持position:fixed了，而IE6却不支持，解决这个问题的办法如下： 现在有一个元素的id是element，它需要实现fixed效果，我们既想要它在正常的浏览器下使用，也想要它在IE 6下正常工作，那么可以使用CSS hack： #element {position: fixed;top: 450px; /* 其他浏览器下定位，在这里可设置坐标*/_position: absolute; /*IE6 用absolute模拟fixed*//*IE6 动态设置top位置*/_top: expression(eval(...
visualCaptcha 是一个可配置的验证码解决方案，专注于可访问性和简单性，同时保持安全性。它也支持移动，视网膜设备，并有一个创新的可访问性的解决方案。 visualCaptcha 现在可以跨多个后端语言，不管你是使用 JavaScript ，Ruby 或 PHP，都可以使用 visualCaptcha。 您现在可以使用 visualCaptcha 作为普通的 JavaScript，jQuery 插件或者是 Angular JS 指令。您可以使用自己的图片或音频作为验证码，可以通过 JSON 文件进...
IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性是一个众所周知的问题，而FF、Chrome原生的浏览器支持是的优雅的圆角感觉较好，如何解决这个问题呢？ 一种比较传统的方案是放弃CSS3，使用背景图，但是这种方式也会有诸多问题，对页面结构改动较大，需要对自适应大小进行控制等，成本较高。 另外一种是百度了一下，发现有个开源的插件可以解决此问题：http://css3pie.com/ 使用方法很简单，下载了之后直接引用...
关于ie6对first-letter伪类的样式支持问题 html代码如下： HHONORY CERTIFICATE 荣誉证书 这是样式： .tit_f:first-letter {font-size:30px;float:left;padding-top:10px;} 效果 火狐： chrome: ie6: 现在的问题是在IE6下无论怎么设置pading和margin都无法使首字母向下移怎么办？ 回复讨论(解决方案) 话说星期天大家都放...
上次面试面试官问到了，问了个定宽局中和不定宽局中，下来我把所有有关CSS居中都总结了一下 原文摘自我的前端博客，欢迎大家来访问 http://www.hacke2.cn 水平居中 行内元素 把行内元素嵌套在一个DIV中，并且在DIV中设置以下样式 a{ text-align: center; } 块级元素 对于定宽的块级元素，我们要设置起margin-top,margin-right 为auto .center{ margin: 0 auto; } 多个块级元素(inline-bloc...
精通CSS：高级Web标准解决方案（第2版） 跳转至： 导航、 搜索 层叠重要度：（也就是说，用户!important可以覆盖inline style） !important、用户>作者、最后是浏览器/用户代理 规则特殊性（次序）的计算：a,b,c,d 如果相同，后定义的优先 如果是inline style，a=1 b=ID选择器（#id）的个数 c=类、伪类、属性选择器的个数 d=类型、伪元素选...
第一次写博文，写一个刚才遇到的问题吧。 关于ul li文字长度不固定，一行显示多列。当指定宽度时，文字长度超过指定的li宽度时解决方案： 如下代码 发送对象(共10个会员) tester123456(tester12346@qq.com) tester12345(tester12345@qq.com) test12345(test12345@qq.com) willme(sdfsdf@sdf.com) willbin(sdfsd@22f.com) zhangsan(zhangsan@qq.com) 淘宝会员_u_865b68p1g7(u_265i54w3n7@localhost.com) test 样式 .menber{w...
前段时间，公司里做个新玩意儿，我们开发组选用ExtJs4.2.1Mvc模式，开发过程中遇到了很多问题（避免不了不专业的需求人员提出各种一拍脑瓜子就决定的需求），经过查看api都一一解决，现在把开发过程中遇到的且已解决的问题，记录下来，供以后查看，也供新接触ExtJs的网友借鉴，描述不到位或有错误的地方，望指正！（注：下文中提到的方法均为ExtJs库中的方法，并非js原生） 因为整个项目都是运用的ExtJs的MVC,所以项目中...
要求： 做一个”矩形div 块“，并用”长条形背景图.jpg“做其背景，并且该图面积小于”矩形div 块“； 做四个div子块，排成一列，覆盖在”矩形div块“之上， 四个子块的：宽各占25%，半透明，颜色分别为”蓝、绿、黄、紫“ 各div块的高度都为height:300px; 宽度需自适应页面大小。 我的方案如下，不太对，请大家给出自己的解决方案并编写出来，谢谢 html文件是 ： 1 2 3 4 ------------...
最近在一个基于bootstrap的项目中遇到了一个问题，问题的表现是无法显示bootstrap自带的那套名为“glyphicon”的图标，在图标的引用处显示的是一个小方块儿，里面隐约可见4个貌似为16进制的字符，如图所示：。好端端、现成儿的图标用不了，悲哀~ 但在chrome和IE 10下面则是可以正常显示的，说明这个问题并不是因为使用不当、相关文件存储位置错误而导致。而且，在另一个基于同样版本bootstrap的项目中则没有遇到这个问题...
方案1 - 滤镜解决方案：介绍：滤镜从IE4.0被微软正式引入，所以我们可以使用滤镜解决IE6的PNG透明问题，滤镜不仅可以实现目前CSS3的一些旋转效果而且还可以引入图片。注意：此方法在部分版本的IETest中无效，建议使用标准的IE6来进行测试！目录说明： 思路： 1、书写正常的CSS代码，通过background导入图片，这样所有的浏览器均使用了此PNG图片； background:url(../images/W3CfunsLogo.png); ...
移动端:active,:hover无法很好触发动画的解决方案 1:问题环境: 用css3定义了一个动画,使用:hover伪类调用动画时在移动端不能很好的进行动画. 2:解决方案: 定义一个open类,满足open类的情况下触发动画 使用js事件去控制动画,当滑动的时候加上open类,然后延迟与动画相同的时间移除open类 这样就能很好的控制动画了 3：附上demo .nav{width:100%;height: 200px;...