随笔分类 - html/css
摘要:在新版的jquery中选择ckeckbox最好使用prop方法,否则会出现一些问题。比如手动点击取消,再使用代码全选或者反选时候就不好使啦!!!
阅读全文
摘要:html字符串是指’aklsdjfklsjdfl’这样的带html特殊符号的字符串,我们通常要对他进行处理再输出以免输出成了真正的html元素,也就是把aklsdjfklsjdfl';alert(bian(a));
阅读全文
摘要:javascript代码:functiongetInfo(){vars="";s+="网页可见区域宽:"+document.body.clientWidth;s+="网页可见区域高:"+document.body.clientHeight;s+="网页可见区域宽:"+document.body.of...
阅读全文
摘要:setTimeout用法在实际项目中还是会时常遇到。比如浏览器会聪明的等到一个函数堆栈结束后才改变DOM,如果再这个函数堆栈中把页面背景先从白色设为红色,再设回白色,那么浏览器会认为DOM没有发生任何改变而忽略这两句话,因此我们可以通过setTimeout把“设回白色”函数加...
阅读全文
摘要:前端码农们在做项目中时候,必定不可少的需要做到轮播效果。但是有些特殊的需求,比如:需要做到第一个容器内容轮播滚动之后,第二个容器内部再轮播滚动,再第三个容器内容轮播滚动。这时候我的一开始的思路是:每个容器都看成一个单独的轮播效果,既然是依次的滚动就设定滚动开始时间差,三个setTimeout()分别...
阅读全文
摘要:本文摘自:飘零雾雨的博客z-index的重要性在我看来,z-index给了我们日常工作中以极大的帮助,我们用它来定义元素的层叠级别(stack level)。受益于它,你能做Popup, DropDown, Tips, 图文替换等等。在开始本篇之前,或许我们要先了解一下关于z-index的基本信息。...
阅读全文
摘要:1.在js正则表达式特殊的需要转义的字符有:^ $ . * + ? = ! : | \ / ( ) [ ] { } 但实际应用中,还要根据实际情况来判断,以上字符可能不需要转义,也可能不止以上字符需要转义, 这些都取决于在当前情况下其是否会产生异义。2.js的正则表达式除啦按照数字和字母进行匹配,同...
阅读全文
摘要:css3布局方式:不推荐使用float,有时候使用浮动的时候,对于可适应的流氏布局,无法胜任。 推荐使用css3的display:webkit-box。使用的html代码 box-...
阅读全文
摘要:div在IE6下无法遮盖select,原因是在IE6下,浏览器将select元素视为窗口级元素,这时div或者其它的普通元素无论z-index设置的多高都是无法遮住select元素的。解决方法有三种:1:当浮动层div出现的时候,用JS将select隐藏,当浮动层div消失的时候select恢复出现...
阅读全文
摘要:onKeyPress="if((event.keyCode57)&&event.keyCode!=46||/\.\d\d$/.test(value))event.returnValue=false"利用KeyPress事件,可以过滤掉不符合的一些键值。 项目中有个需要在鼠标不移出输入框的时候校验整数...
阅读全文
摘要:首先要进行resettable{border-collapse:collapse;border-spacing:0;}th{text-align:inherit;}1.caption标签对整个表格的一个描述性的概述2. 标签用于对表格中的列进行组合,以便对其进行格式化, 元素为表格中的每个列定义...
阅读全文
摘要:在容器里面如果用到opacity或者filter:opacity里面的内容也会被滤镜化如果不想里面的内容也被滤镜化我们可以用rgba来处理或者用透明的背景图片。兼容ie的rgba的写法background: rgba(0,0,0,0.75);-ms-filter:progid:DXImageTran...
阅读全文
摘要:当子元素过高导致父元素出现滚动条时,它并不会像预期的那样呆在父元素里,而是浮在父元素之上,并且位置不随滚动条的移动而改变。根源就是子元素的"position:relative"。目前只发现ie中有此问题。页面源码:Html代码relativebug解决方法:为父元素也添加"position:rela...
阅读全文
摘要:转文 出处:穆乙http://www.cnblogs.com/pigtail/一、BFC是什么?BFC(Block Formatting Context)直译为“块级格式化范围”。是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。当涉及到...
阅读全文
摘要:hasLayout与BFC是分别在IE和其他浏览器上的两个作用很相近的概念,在很多时候,我们需要触发它们去实现有些效果。例如清除浮动时需要触发hasLayout与BFC;很多自适应的两栏和三栏布局(两边固定宽度,中间自适应)需要触发hasLayout与BFC;很多奇形怪状的IE bug的解决需要触发...
阅读全文
摘要:网络上有很多关于hasLayout和BFC相关的文章,但是大部分都显得有些晦涩难懂。所以想用一些比较直观的例子来说明hasLayout和BFC给平时的布局带来的影响。 基础知识 在讲hasLayout和BFC之前,先简单地过一下元素布局的一些基本知识。 元素本身的布局方式可以从display上表现...
阅读全文
摘要:我看最近微博流行 CSS 居中技术,老外码农争相写相关的文章,一篇赛一篇的长啊,我把几篇归纳总结了一下,算是笔记。孔乙己曾说:“茴香豆的回字有四种写法”,万一哪天有个面试官问你:“居中一共有几种写法”呢,哈哈,先备着吧~~各种方法各有利弊,大家自己权衡吧,至少在需要居中时多个思路。不建议用了。tex...
阅读全文
摘要:项目中常常有同学遇到这样的问题,现象是给元素设置了overflow:hidden,但超出容器的部分并没有被隐藏,难道是设置的hidden失效了吗?其实看似不合理的现象背后都会有其合理的解释。我们知道,overflow属性值有这几种:visible:声明内容不会被剪裁。比如内容可能被渲染到容器外面。h...
阅读全文
摘要:BFC已经是一个耳听熟闻的词语了,网上有许多关于BFC的文章,介绍了如何触发BFC, 以及BFC的一些用处(如清浮动,防止margin重叠等)。虽然我知道如何利用BFC解决这些问题,但当别人问我BFC是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec, 和许多文章,来全...
阅读全文

浙公网安备 33010602011771号