您现在的位置是:首页 > cms教程 > ecshop商城教程ecshop商城教程
ecshop兼容CSS样式在FF、IE7、IE6中的不同表现
含蕾2023-12-21 21:47:54ecshop商城教程已有10人查阅
导读随着IE7对!important的支持,现在IE7和FF都支持!important,可以用!important来区分FF、IE7和IE6的高度。
1. !important
随着IE7对!important的支持,现在IE7和FF都支持!important,可以用!important来区分FF、IE7和IE6的高度。
用法如下: 2.IE6/IE7对FireFox
*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签,IE6暂不支持。
用法如下:
<style rel="stylesheet" type="text/css"> <!-- .content{background:#a5a5a5;height:100px;} *html .content{background:#a5a5a5;height:200px;} *+html .content{background:#a5a5a5;height:300px;} --> </style>
height:50px; *height:100px; _height:150px;
同样可以用相同的原理来为IE6、IE7、FF设置不同的width,height,margin,padding等属 。
3.min-height
IE不认min-height,FF识别,利用以上这些属 ,我们可以这样定义很小高度
<style rel="stylesheet" type="text/css"> <!-- .content{background:#a5a5a5;height:auto!important; height:500px; min-height:500px;} --> </style>
我是这样理解这段代码的:
因为在IE里(包括IE6,IE7)认为height就是很小高度,当content中的内容超出设置的高度时,在FF中可以用min-height设置很小高度××,这时即使超出content的高度,背景颜 也会自动延伸下去。但IE不识别min-height,所以要加hack(对程序所作的修改,在尚未被开发者接受并集成到正式版本中之前被称为hack)。
4.区别不同浏览器,Css hack写法:
区别IE6与FF:
background:orange;*background:blue;
区别IE6与IE7:
background:green !important;background:blue;
区别IE7与FF:
background:orange;*background:green;
区别FF,IE7,IE6:
background:orange;*background:green !important; *background:blue;
随着IE7对!important的支持,现在IE7和FF都支持!important,可以用!important来区分FF、IE7和IE6的高度。
用法如下: 2.IE6/IE7对FireFox
*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签,IE6暂不支持。
用法如下:
<style rel="stylesheet" type="text/css"> <!-- .content{background:#a5a5a5;height:100px;} *html .content{background:#a5a5a5;height:200px;} *+html .content{background:#a5a5a5;height:300px;} --> </style>
height:50px; *height:100px; _height:150px;
同样可以用相同的原理来为IE6、IE7、FF设置不同的width,height,margin,padding等属 。
3.min-height
IE不认min-height,FF识别,利用以上这些属 ,我们可以这样定义很小高度
<style rel="stylesheet" type="text/css"> <!-- .content{background:#a5a5a5;height:auto!important; height:500px; min-height:500px;} --> </style>
我是这样理解这段代码的:
因为在IE里(包括IE6,IE7)认为height就是很小高度,当content中的内容超出设置的高度时,在FF中可以用min-height设置很小高度××,这时即使超出content的高度,背景颜 也会自动延伸下去。但IE不识别min-height,所以要加hack(对程序所作的修改,在尚未被开发者接受并集成到正式版本中之前被称为hack)。
4.区别不同浏览器,Css hack写法:
区别IE6与FF:
background:orange;*background:blue;
区别IE6与IE7:
background:green !important;background:blue;
区别IE7与FF:
background:orange;*background:green;
区别FF,IE7,IE6:
background:orange;*background:green !important; *background:blue;
本文标签:
很赞哦! (1)
上一篇:整理简单的统一CSS命名规则
下一篇:ecshop数据库订单状态判断
暂无内容 |
暂无内容 |
相关文章
暂无内容 |
暂无内容 |
随机图文
ecshop会员登陆后可见价格,ecshop会员登陆后显示价格实例
代码号之ecshop会员登陆后可见价格会员注册会员登陆才能显示价格修改教程。ecshop会员登陆后才可以看到商品价格,商城所有商品价格默认显示文字(登陆可见)ecshop商品属性库存关联仿淘宝商品详细页
在商城模板目录下打开 goods.dws 查找如下代码:再在商城模板CSS里添加如下CSS,再把如下图片另存为 test.gif 放入商城模板图片文件夹里ecshop快速购买添加到购物车和立刻购买并存的方法
在后台开启“一步购物则”可以不用到购物车“直接结算” 。从而实现立刻购买。然而购物车的功能又没有了。有没有像淘宝那样即可以立刻购买。又有购物车功能呢?ecshop添加模板与库文件的方法步骤
ecshop模板没什么大的结构,就是使用smarty引擎来展示数据。大概是这样的结构:php->smarty->dwt文件->lbi文件。1)在网站目录的themes里存放着各个模板,
留言与评论 (共有 0 条评论) |