抛出另一个问题：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;...
1.固定宽度的居中布局 首先我们这里探讨的是我们常用的固定宽度的居中布局，这应该是目前实战中应用的最多的了。 然后从考虑是否应用大背景上我们分为两种，一种是允许整体有一个大背景，一种是头部，中间及底部都可以平铺一个全屏的大背景。接着我们从有无边栏来讨论三种情况，一种是有左或右边栏，一种是没有边栏，最后一种就是左右边栏都存在的情况。 我们在这探讨的布局方案借鉴与drupal的主题，所以如果是学过drupal这个...
一个布局较复杂的页面，在手机浏览器上运行时，部分配置比较差的手机会出现滚动滚动条后，页面正常滚动，但部分元素却出现类似position：fixed一般悬浮在页面上，然后再滚动。看上去有点像视差滚动，但却一点都不好看。 解决方法:在滑动体上添加样式：transform：translateZ(0);-webkite-transform：translateZ(0)。 各种复杂的html 加这个的目的是利用GPU加速（GPU缓存）。 因为这个问...
使用sublime Text3 的时候，安装less2Css后，和很多人一样以为大功告成，开始要运行编译less文件，结果开始发现 于是乎开始搜索问题和解决方案，然后就有了下面的解决方案1 方案1：通过window path + less.js-windows 的方式（网上可以快速找到这种解决的方式） 注意：window 操作系统下，经常会看到编译less的最后，会弹出一个"for install see less-plugin-clean-css"的error,好像所有的...