- 浏览: 32167 次
- 性别:
- 来自: 广州
最新评论
-
muyijianke:
...
IE6下border-bottom不起作用? -
fenghoer:
好用.thanks!
IE6下border-bottom不起作用?
文章列表
IE下无论div的z-index值设置多大,都会被object、embed覆盖,解决的办法是:
如果是object则加上:<param name="wmode" value="transparent">
如果是embed则加上:wmode="transparent"
IE67绝对定位的bug及其解决办法。position:absolute定位在IE6下存在left和bottom的定位错误问题:
解决办法有两种:
1、给父层设置zoom:1触发layout。
2、给父层设置宽度/高度(width/height )。
本文要讲的是:使用apply方法处理数组的三个技巧
.
apply方法
apply是所有函数都有的方法
.它的签名如下:
func.apply(thisValue, [arg1, arg2, ...])
如果不考虑thisValue的影响
,上面的调用等同于:
func(arg1, arg2, ...)
也就是说,apply允许我们将一个数组"解开"成为一个个的参数再传递给调用函数
.让我们分别看看apply使用中的三个技巧.
技巧1: 将一个数组传递给一个不接受数组作为参数的函数
JavaScript中没有返回一个数组中最大值的函 ...
ps: 本人比较懒,直接copy个url过来。
内容:
JavaScript中有两个运算符用来判断两个值是否相等:
严格相等运算符===,必须类型相同且值相同
.
普通的(宽容的)相等运算符==,在比较值是否严格
相等之前,首先进行类型转换
.
给JavaScript初学者的建议是:完全忘掉==,总是使用
===
.实践证明,这样做是完全正确的.有五种案例看起来可以反驳这一论点,但其实没有.从现在开始,我们的指导原则是:
详细内容:
http://www.cnblogs.com/ziyunfei/archive/2012/09/22/2696109.html
...
ie6里面如果设置元素为横向滚动条隐藏,竖向滚动条显示,如果改原始内有元素设置position:relative;或者position:absolute;样式,那么ie6里面的竖向滚动条就会失效。
解决办法:设置该元素为position:relative;top:0;left:0;即可解决次BUG!
在进行页面的DIV+CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”。
1、将图片转换为块级对象
即,设置img为“display:block;”。在本例中添加一组CSS代码:“#sub img {display:block;}”。
2、设置图片的垂直对齐方式
即设置图片的vertical-align属性为“top,text-top,bottom,text-bottom”也可以解决。如本例中增加一组CSS代码:“#sub img {vertical-align: ...
我们知道display:inline-block在IE6/7只对行内元素有作用,那么如何才能实现它对块元素的作用呢?有两种方法如下:
方法一:
.selector { display: inline-block }
.selector { *display: inline }
注意要分开两个容器写,这个IE的bug,先定义了 display:inline-block,然后再将 display 设回 inline 或
block,layout 不会消失。(layout 是让元素具有块元素的特性)
方法二:
.selector {displ ...
在IE6下,border-bottom:1px solid #000
不起作用,但border:1px solid #000
其作用。
(经过测试,对于borde-top也有效)
解决方案:
为了使得border-bottom:1px solid #CCC
起作用,可以添加一段css,如下:
_display:inline-block;/*针对ie6*/
一般情况下对一个列表或数组既要遍历索引又要遍历元素时,会这样写:
list=["one","two","three"]
for i in range (len(list)):
print i ,list[i]
是这种方法有些累赘,使用内置enumerrate函数会有更加直接,优美的做法,
先看看enumerate的定义:
def enumerate(collection):
'Generates an indexed series: (0,coll[0]), (1,col ...
<!DOCTYPE html>
<!–[if IE]>
<meta http-equiv=”X-UA-Compatible” content=”IE=8″ />
<![endif]–>
<!–[if IE 7]>
<meta http-equiv=”X-UA-Compatible” content=”IE=7″ />
<![endif]–>
<!–[if IE 6]>
<meta http-equiv=”X-UA-Compatible” content=”IE=6″ />
...
子容器需要绝对定位,然后用left:xx%或者top:xx%;来定位,而且父容器是不限定宽度和高度的。如果碰到ie6会发错错位。
解决办法就一句话,在父容器加条样式:
width:100%; 或者 height:100%;
根据 CSS 2.1 规范中的描述,'text-align' 特性描述了一个块的行内内容
的对齐方式。'text-align' 特性具备继承性,可以应用于块级元素、表格单元格及行内块级元素。
也就是说,'text-align' 可以应用到块级元素、表格单元格及行内块级元素上,但仅对它们的行内内容
起作用。
在更早版本的 CSS 1 规范中却规定,'text-align' 只能应用到块级元素,并且对它们所有的内容
都起作用。
这是一个 CSS 规范变更导致的问题,较早发布的浏览器并未执行 CSS 2.1 规范,而是执行了 CSS 1 的规范,因此产生了兼容性问题。 ...
今天做页面的时候才发现一个一直都没发现的bug:
在IE6/7下给tr设置边框(border)的时候,并不会收到任何效果。
上网找了一下有一下解决方法:
将table设置border-collapse:collapse,然后再td设置边框,而不是tr,这样就可以实现相同的效果,兼IE6/7。
下面是一个jQuery Slideshow效果,用了一种很不错的思路。请看代码:
<div id="slideshow">
<img src="img/img1.jpg" alt="" class="active" />
<img src="img/img2.jpg" alt="" />
<img src="img/img3.jpg" alt="" /> ...
firefox下Table单元格td设置position:relative属性,其子容器中用position:absolute失效:
http://stackoverflow.com/questions/4564638/using-position-relative-absolute-within-a-td