css display:none使用注意事项小结
1、如果在样式文件或页面文件代码中直接用display:none对元素进行了隐藏,载入页面后,在没有通过js设置样式使元素显示的前提下,使用js代码会无法正确获得该元素的一些属性,比如offSetTop,offSetLeft等,返回的值会为0,通过js设置style.display来使元素显示后才能
1、如果在样式文件或页面文件代码中直接用display:none对元素进行了隐藏,载入页面后,在没有通过js设置样式使元素显示的前提下,使用js代码会无法正确获得该元素的一些属性,比如offSetTop,offSetLeft等,返回的值会为0,通过js设置style.display来使元素显示后才能
FF浏览器 .test{ height:20px; background-color:orange; } IE7浏览器 *+html .test{/*IE7*/ height:20px; background-color:blue; } IE6浏览器 *html .test{/*IE6*/ heig
在CSS Expression中使用JavaScript表达式。CSS属性根据JavaScript表达式的计算结果来设置。 CSS Expression在其它浏览器中不起作用,因此在跨浏览器的编码中单独针对IE设置时会比较有用。 从IE5开始支持CSS Expression。我们看下面的代码: 实现
1、很多兼容性问题,是因为不同标签在不同浏览器下有着不同的 padding margin默认值。所以可以事先定义 实现代码如下:* { padding:0; margin:0;} 或者 实现代码如下:ul,li,h1,h2,h3,h4,h5,h6,p,table,td,div,img,hr,dd,d
图片外框特征参数: ①dashed:虚线 ②dotted:点虚线 ③solid:实线 ④double:双线 ⑤groove:沟槽状 ⑥ridge:脊状 ⑦inset:内嵌 ⑧outset:外嵌 CSS TP特殊效果风格属性 ①灰/黑:Gray/Xray ②差值:Invert ③水平:Fliph ④垂
文本两端对齐: 实现代码如下:text-align:justify; text-justify:inter-ideograph; 清除浮动: 实现代码如下:.clear{clear:both;line-height:0;height:0;font-size:0;} 清除浮动伪类: 实现代码如下:.c
更加坏的事情是,即使你仅仅针对IE设计,不考虑其它浏览器,由于IE模型绝对可以说是一只让人难以捉摸其脾气的怪物,所以你单纯为IE设计也会遇到众多难题,发现很多的效果总是绕来绕去都难以实现。我们都知道,XHTML+CSS的目标就是实现内容与表现分离,理论上对于任何特定一份内容,我们都可以通过CSS实现
但是也不是很可靠,比如空格间距非常大,那么我们必须增加多个占位符,同时页面的体积会变得非常大。同时,注意到 Safari 中的宽度是已设定字符的空格宽度(Safari 的默认字体为 Times),也就是说一个中文字符需要两个占位符。具体情况如下图所示:其实,这不是 Safari 的问题,而是字体的问
XHTML 标准的目标是取代 html。按照 W3C 的说法,“XHTML 是 html 的继承者”(http://www.w3.org/MarkUp/)。 XHTML具有两大目标: 在文档结构和表示形式之间创建更明显的分离。 将 html 重新表示为 XML 的应用程序。 使用XHTML标准的好处
今天用了很久时间终于解决了这个问题,基本完美了,唯一不完美的就是 IE 6 只有在图片完全下载完成后才会自动调整大小,不过聊胜于无,总比进入页面后看到长长的横向滚动条舒服的多,这里使用了 expression,但是利用了一次加载,所以 expression 不会造成内存泄漏。当然,如果你有更好的解决