WordPress企业主题定制/开发/优化

CSS

首页 » CSS

在做一个网站的布局,因为经常用firefox,所有的内容都是在firefox下面调试的,等快完工了切回IE7一看,样式差别好多,主要是在margin,padding这几个元素的理解上。

css在IE6 EI7 IE8 FF下的兼容写法

按比例缩小或者放大到某个尺寸,对于标准浏览器(如Firefox),或者最新都IE7,ie8浏览器,
直接使用max-width,max-height;或者min-width,min-height的CSS属性即可。

最近老看浏览器的滚动条不顺眼,设置滚动条样式也只是IE的特有属性.抽了点时间用JS写了个模拟滚动条.IE下支持滚轮滚动,FF下暂时只能用鼠标拖动.说完废话,下面看代码吧~

IE6选择最后一个,即:background-color:#000000; (因为IE6对important不感冒)
IE7选择第二个,即:background-color:#000000;(因为IE7开始对important感冒了,同时还死守着它对 * 感情的最后一版本,但important并未起到优先级的作用)

来控制,不同规格的图片有可能会变形。这是一种最蠢的方法。经过摸索,我找到一串CSS代码,可以让图片在超过规定的宽度时,自动缩小,并且是按比例缩小,不会造成图片变形。

Div 全称 division 意为“区分”使用 DIV 的方法跟使用其他 tag 的方法一样。如果单独使用 DIV 而不加任何 CSS, 那么它在网页中的效果和使用是一样的。

DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码
CSS是 Cascading style Sheets的简称,中文译作“层叠样式表单”,在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。网上冲浪无论你用Internet Explorer还是Netscape Navigator,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找。不管你用什么工具软件制作网页,都有在有意无意地使用 CSS。用好CSS能使你的网页更加简炼,同样内容的网页,有的人做出来有几十KB,而高手做出来只有十几KB。

首先:在iframe标签中加入 allowtransparency=”true”属性
然后:在调用的页面的标签里加入 style=”background:transparent;”

简单易用的JS+CSS伸缩菜单

现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释,会导致页面没按要求显示!找到一个针对IE7不错的hack方式就是使用“* html”,现在用IE7浏览一下,应该没有问题了。

简单有效的纯CSS提示框

兼容IE FIREFOX3.5以上的透明度设置

用以下CSS,可以实现菜单项常用效果。例如hover时,可以与link时显示不同的背景图片、背景色、字体、字体颜色等等。也就是说这个CSS是通用的,你可以根据他进行拓展应用。

安装FireFox3.5后,发现以前项目网页中有透明属性的一些DIV都不透明了。于是猜想,FireFox3.5难道不支持它自家的CSS透明属性-moz-opacity了?上网一查,果真如此。
在https://developer.mozilla.org/En/CSS:-moz-opacity里说得很清楚了:
Note: Firefox 3.5 and later do not support -moz-opacity. By now, you should be using simply opacity.
现在都要改用opacity这个属性。

以上代码在IE中和firefox会有不同的效果.最主要原因是firefox解释padding-top与IE的效果不同
fixfox对DIV总高度是padding-top+height的,而IE中,padding-top是包含在height中的,