Chinaunix首页 | 论坛 | 博客
  • 博客访问: 16254015
  • 博文数量: 5645
  • 博客积分: 9880
  • 博客等级: 中将
  • 技术积分: 68081
  • 用 户 组: 普通用户
  • 注册时间: 2008-04-28 13:35
文章分类

全部博文(5645)

文章存档

2008年(5645)

我的朋友

分类:

2008-04-28 14:19:50

下载本文示例代码

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

现在写一个CSS可以参照如下定义:
#menu { padding-right: 150px }/* Moz */
* html #menu { padding-right: 50px; } /* IE6 */
* html #menu { padding-right: 150px; }/* IE7*/

好多说看不懂,我·#%¥¥%(希望大家多到网上看看CSS的一些教程)

下面说明一下:
上面只是举了一个例子,主要是给大家一种解决的办法,上面定义了一个菜单栏在三种在浏览器当中的位置表现,padding是CSS中的内补丁属性(有4个值,分别是上、左、下、右,值不可为负数), padding-right是检索或设置对象右边的补丁边距。在一个CSS中有内补丁和外补丁,外补丁是margin,同样有4个值,其值可以为负数。在一个网页中如果出现错位一般都是这几个值设置不对造成的,当然“* html”还适用于CSS的其他属性。
你的网页错位要看具体表现在哪里,然后去CSS中做相应的添加或是设置即可!完了,再不明白,偶估计也没办法了。

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

现在写一个CSS可以参照如下定义:
#menu { padding-right: 150px }/* Moz */
* html #menu { padding-right: 50px; } /* IE6 */
* html #menu { padding-right: 150px; }/* IE7*/

好多说看不懂,我·#%¥¥%(希望大家多到网上看看CSS的一些教程)

下面说明一下:
上面只是举了一个例子,主要是给大家一种解决的办法,上面定义了一个菜单栏在三种在浏览器当中的位置表现,padding是CSS中的内补丁属性(有4个值,分别是上、左、下、右,值不可为负数), padding-right是检索或设置对象右边的补丁边距。在一个CSS中有内补丁和外补丁,外补丁是margin,同样有4个值,其值可以为负数。在一个网页中如果出现错位一般都是这几个值设置不对造成的,当然“* html”还适用于CSS的其他属性。
你的网页错位要看具体表现在哪里,然后去CSS中做相应的添加或是设置即可!完了,再不明白,偶估计也没办法了。

下载本文示例代码


设置在firefox ie6 ie7通用的css样式设置在firefox ie6 ie7通用的css样式设置在firefox ie6 ie7通用的css样式设置在firefox ie6 ie7通用的css样式设置在firefox ie6 ie7通用的css样式设置在firefox ie6 ie7通用的css样式设置在firefox ie6 ie7通用的css样式设置在firefox ie6 ie7通用的css样式设置在firefox ie6 ie7通用的css样式设置在firefox ie6 ie7通用的css样式设置在firefox ie6 ie7通用的css样式设置在firefox ie6 ie7通用的css样式设置在firefox ie6 ie7通用的css样式设置在firefox ie6 ie7通用的css样式设置在firefox ie6 ie7通用的css样式
阅读(161) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~