08 2013 档案
摘要:IE下实现类似CSS3 text-shadow文字阴影的几种方法一、开始的擦边话为了测试IE9浏览器,下午晃晃荡荡把系统换成window7的了。果然,正如网上所传言的一样,IE9浏览器确实不支持CSS3text-shadow属性,且根据最近的IE10 preview版的反馈,IE10浏览器也是不支持text-shadow属性的。至于为何不支持,就像女孩的心思一样,我也是百思不得其解。不过考虑到text-shadow的更多的是效果性质的属性,且潜力有限,所以,就我个人而言,最近版本的IE浏览器不支持该属性我还是相对比较淡然的。虽然IE浏览器不支持text-shadow文字阴影属性,但是我们可以使
阅读全文
摘要:一个外部的相对定位div,内部一个绝对定位的div(right:0),如图:可是在IE6下查看,却变成了right:1px的效果了:IE6还有奇数宽高的bug,解决方案就是将外部相对定位的div宽度改成偶数。高度也是一样的查看源码:XML/HTML代码: 此处为内部绝对定位的 DIVCSS代码:#out {width: 609px;/*这里宽度为奇数,bug就出现了!!改成偶数就OK了*/height: 300px;position: relative;background:#FF0000;color:#FFF;}#inn {width: 200px;height: 250px;posi...
阅读全文
摘要:一、匆匆带过的概念关于CSS中层级z-index的定义啊什么的不是本文的重点,不会花费过多篇幅详细讲述。这里就简单带过,z-index伴随着层的概念产生的。网页 中,层的概念与photoshop或是flash中层的概念是一致的。熟悉photoshop或是flash的应该知道,层级越高(图层越靠上),越在上 面显示,如果层发生重叠,层级高的会覆盖层级低的,如果非透明或半透明,则会遮挡。在photoshop中,层的高低就是靠手动调的,鼠标拖拽,或是ctrl+]或是ctrl+shift+[快捷键改变层的次序。如下图,鼠标拖移改变层次序的过程中:在flash中,类似,可以手动改变图层次序,或是使用as
阅读全文
摘要:如果给每个li里面加个span标签的话,在IE6,IE7下看,li与li之间的距离就会多了3px。解决方法:在li中加vertical-align:middle; css样式:.contain{ width: 40px; height: 140px; border: 1px solid red;}.main ul{ margin: 0; padding: 0;}.main ul li{ width: 35...
阅读全文
摘要:继续面试后的总结:DOM树首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子:事件冒泡(又称事件传播)当我们点击一个链接时,其触发了链接元素的单击事件,该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。$('a').bind('click',function(){alert("Thattickles!")});因此一个单击操作会触发alert函数的执行。click事件接着会向树的根方向传播,广播到父元素,然后接着是每个祖先元素,只要是它的某个后代元素上的单击事件被触发,事件就会传给它。在操
阅读全文
摘要:var url="http://www.taobao.com/index.php?key0=0&key1=1&key2=2";function parseQueryString(url){ var str=url.split("?")[1]; var items=str.split("&"); var result={} var arr=; for(var i=0; i<items.length; i++){ arr=items.split('='); result[arr...
阅读全文
摘要:今天面试题问到了,没答上,jq要继续学习啊jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点,下面我们来一一讲解:先举个例子, jquery获取父节点 jquery获取父元素我们的目的是通过 id 为 item1 的便签a取到 class 为 parent1 的ul元素,有以下几种方法:1、parent([expr])取得一个包含着所有匹配元素的唯一父元素的元素集合。你可以使用可选的表达式来筛选。代码如下$('#item1').parent().parent('.parent1');2、
阅读全文