text-indent属性 用于文字缩进,更多是用来隐藏文字。比如,一个logo标题,上面的问题很有艺术感,不得不把文字和背景组合成一张背景图(此处页面元素用a表示),但处于SEO方面的考虑,需要把a里面的文字隐藏掉,多数用该方法: text-indent:-9999px;,但在ie6、7中背景和文...
分类:
其他好文 时间:
2015-02-25 18:25:21
阅读次数:
105
这是一款非常实用的jQuery滑动按钮插件。该滑动按钮插件可以将input元素转换为滑动按钮样式。插件中使用javascript来控制滑动按钮的滑动,样式使用纯CSS来制作。
该jQuery滑动按钮插件可以在支持jQuery 2的浏览器上工作,IE6-8不支持该插件。
IE9不支持CSS transitions,在IE9上不会有动画效果。
该滑动按钮支持Pointer、触摸屏和鼠标点击。
...
分类:
移动开发 时间:
2015-02-25 15:42:42
阅读次数:
153
在网页中,如果需要left与top属性生效,就必须为这个div的style属性加入position:absolute,这样,此div才能游离于整体的div布局之外,也就是说,你没有加position:absolute之前,所有的div遵循我在《【CSS】关于div的对齐与网页布局》(点击打开链接)所提到的,各种各样布局。
例如下面的代码:
就得到如下的效果:
如果把posit...
分类:
Web程序 时间:
2015-02-25 15:38:34
阅读次数:
151
在实际应用中,考虑到seo,很多button,icon都要用到inline-block和text-indent来处理,例如:Button当我们把css写成这样.btn{display:inline-block; width:100px; height:23px; text-indent:-9999p...
分类:
其他好文 时间:
2015-02-25 15:32:08
阅读次数:
90
图片滑块其实也与图片轮播一样,无需这么多奇奇怪怪的代码就能够实现,只是布局有点复杂,而且这东西在Bootstrap里面也没有,在网页中,这个组件也越来越少见的,毕竟这个小小的组件太浪费网络资源了,实现的逻辑还比较复杂,如果不要被特别要求,能不做最好不好。
有时候,如果一个如同《【CSS】黑色幽默,兼容IE6的纯原生态的门户网站》(点击打开链接)的简单网页就能够交货,就不要卖弄你的前端技巧了。
...
分类:
编程语言 时间:
2015-02-18 17:43:52
阅读次数:
290
虽然HTML里面本身就有marquee标签,用来设置滚动文字,但是在《【HTML】比较冷门标签与属性》(点击打开链接)我已经说过,这个标签到了IE8就开始不支持,在IE6中可以设置的东西也很少,所以这东西还是用javascript来写为好。这个小组件也是比较常见的,但是网上的代码质量还是为了很多无关紧要的小特效而增加了许多无谓的代码。其实这东西,你只要弄得能自己向右向左滚,到了屏幕边缘自动返回就行...
分类:
编程语言 时间:
2015-02-18 11:56:23
阅读次数:
229
IE6有诸多奇葩,不支持position:fixed就是当中之中的一个。所以在做一些比方固定在顶部或者底部或者固定元素的效果时须要考虑兼容IE6的这个问题。解决方式是用Ie6的hack。*html {/* 仅仅有IE6支持 */ background-image: url(about:blan...
分类:
其他好文 时间:
2015-02-17 21:03:22
阅读次数:
131
在IE6还大行其道的时候,原生JS操作DOM有各种各样的问题,jQuery应运而生,它解决了人们的痛点,对各种浏览器及其各种版本的兼容是相当的赞,而且易上手(不包括jQuery2.0),但他毕竟是库,性能上面还是弱于原生的。如今许多公司已经放弃兼容IE6和7甚至8,所以原生JS操作DOM可以搬上台面...
分类:
编程语言 时间:
2015-02-17 15:14:55
阅读次数:
145
《【Bootstrap】图片轮播组件Carousel》(点击打开链接)虽然做得很不错,但是由于只兼容到IE8,所以没有用的。其实原生态兼容IE6的图片轮播并没有想象中的那么难,网上的很多兼容IE6的图片轮播其实代码写得很糟糕的。首先复用性很差,根本就不知道怎么修改,然后加入了很多如同百叶窗这些可有可无的特效,把原本简短的代码弄得很差,最后,这些东西还直接用JavaScript创建组件来显示自己的J...
分类:
编程语言 时间:
2015-02-17 14:07:40
阅读次数:
156
以下代码在IE6-9里效果与chrome和FF效果一样。值更改时placeholder隐藏/*
*jQueryplaceholder
*FixforHtmlInputplaceholderattributeinIE(6,7,8,9)
*@authorKong
*@Time2015-02-13
*
*使用方法JPlaceHolder.init();
*
*/
varJPlaceHolder={
//Checkifthebrowsersupportsplaceho..
分类:
其他好文 时间:
2015-02-16 19:44:43
阅读次数:
543