昨天写页面时,写到搜索框,然后很自然的用了type=”search”,然后一直改样式,怎么改不了,纠结了一个晚上,然后,算了 。 早上一过来,想着会是什么原因呢?按道理,在webkit里面不会有兼容性问题啊!除非有一个样式的权重比我写的css权重还重,可是我已经用上了最重的!important啦。 然后在“审查元素”那里再仔细看一遍样式,看到了input[type="search"]这货, 才突然想起,webkit有给input[type="search"]做其他特定样式的呀,居然是不可改的 然后把“search”改为“text”,效果立马出来了

 

.textoverflow a { display:block; width:120px; margin: 0px [more...]

 

如题,要设它们的高度为0,不是一件容易的事,可看过这篇文章之后,就是灰常容易的事。 我们必须要设的东西有: height:0px; font-size:0px; line-height:0px; 然后就可以搞定啦。有时候或许还需要在标签里面加注释 <li><!–noHeight–></li>

 
IE6、7的li的间距问题

通常我们把ul和li的margin和padding都设为0,宽高度都正常,可在IE6、7里,那li就是有间距 此时,要消去间距,我们可以在每个li里面设 vertical-align: bottom; 灰常有效。

 

网上搜了一下,个人再总结一下。 id是有含义的,一般用于区分结构和内容,有特定的意义。而class就只有一个外壳,就像一件衣服,披到谁身上都是一个样,没有像id拥有的意义。虽然很多时候用class比id方便,但是还是得按标准语义来。 id和class等选择器是有权重之分的,就像:important的权重是1000,id的权重是100,class的权重是10,标签选择器就是1 …… id与class的使用技巧: 1、一般大结构、特殊身份的,就用id,比如:头部、尾部、导航、边栏、主体内容等。 2、重用性强的用class,或者可以总结成一份reset.css,这里是笔者自己目前最新的reset.css。 [more...]

 

所谓”data”类型的Url格式,是在RFC2397中 提出的,目的对于一些“小”的数据,可以在网页中直接嵌入,而不是从外部文件载入。例如对于img这个Tag,哪怕这个图片非常非常的小,小到只有一个 点,也是要从另外一个外部的图片文件例如gif文件中读入的,如果浏览器实现了data类型的Url格式,这个文件就可以直接从页面文件内部读入了。 data类型的Url格式早在1998年就提出了,时至今日,Firfox、Opera、Safari和Konqueror这些浏览器都已经支持,但是IE直到7.0版本都还没有支持,IE不支持的东西太多了,也不差这一个。:( 小例子 下面这个html代码可以在支持data类型Url的浏览器中运行,例如Firefox。运行后会看到一条蓝色渐变底色的标题。  <!DOCTYPE [more...]

 

一般来说,直接设input的border为none,在IE6下是没作用的,border还是在的。 这是,我们要设一下background才行,无论设什么都好,只要设成你想要的效果,即使是none也要设,这样border:none才会有效

 

对于backgroundPosition,除了IE6,7外其他浏览器都支持。 对于backgroundPositionX,除了Firefox和Opera外其他浏览器都支持。 为了解决兼容问题,我们可以通过split()方法来截取X部分或者Y部分

 

解决办法: 1、先定义一个CSS规则,然后this.className=” 2、document.getElementByIdx_x(“a”).style.cssText=”border-collapse:collapse;border-spacing:1;border:1 solid #0B2565;background-color:white;color:black;text-align=’center’;” JS操作css的float属性的特殊写法 使用js操作css属性的写法是有一定的规律的: [more...]

 
IE6,7下overflow效果出错

有时候在IE6,7下使用overflow:hidden; 或overflow:scroll;时,超出的部分还是显示了。 这时候我们需要再加上一个属性:position:relative;

© 2012 Hedgehog Suffusion theme by Sayontan Sinha