您现在的位置是:首页 > cms教程 > Ecshop商城教程Ecshop商城教程
ecshop兼容CSS样式在FF、IE7、IE6中的不同表现
含蕾2023-12-21Ecshop商城教程已有人查阅
导读随着IE7对!important的支持,现在IE7和FF都支持!important,可以用!important来区分FF、IE7和IE6的高度。
1. !important
随着IE7对!important的支持,现在IE7和FF都支持!important,可以用!important来区分FF、IE7和IE6的高度。
用法如下:
*+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的高度。
用法如下:
<style rel="stylesheet" type="text/css"> <!-- .content{background:#a5a5a5;height:100px !important;} .content{background:#a5a5a5;height:200px;} --> </style>
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;
本文标签:
很赞哦! ()
上一篇:整理简单的统一CSS命名规则
下一篇:ecshop数据库订单状态判断
相关教程
图文教程
ECSHOP漏洞\admin\edit_languages.php GETSHELL Based On Inject
对于很多CMS网站来说,它们都需要保存很多的网站META信息,最常用的较佳实践是以变量声明的形式保存在.php文件中,在需要的时候直接include进来
ecshop广告列表广告调用方法
广告列表页面列出您所有的广告信息,包括站内广告以及您在其他网站投放的站外广告信息。在此您可以进行如下操作:
ecshop配送方式保价费用怎么删除
ecshop在购物流程中,会看到配送方式里面有是否保价的选项,如何去掉呢。然后同时不影响不同快递配送费用打开flow.dwt文件,搜索shippingTable 找到下面的代码,删除 大概884行
ecshop二次开发步骤教程
本教程适用于了解ECshop和ECshop模板DIY以及它们的日常使用,在查看前阁下需要至少会使用一种编辑器(exp:Dreamweaver, editplus, emacs, vi, ee ...意思就是可视化的HTML编
相关源码
-
(自适应)工商代理公司注册财务会计pbootcms模板免费下载为工商代理、财务会计服务企业设计的网站模板,基于PbootCMS开发,充分考虑了企业服务行业的展示需求与客户转化路径。设计风格专业严谨,布局清晰合理,呈现企业服务内容与专业优势。查看源码 -
(自适应)餐具英文外贸生活用品带下载功能网站模板免费下载为餐具及生活用品外贸企业打造的响应式网站模板,基于PbootCMS内核开发。突出产品展示与多语言支持特性,通过自适应设计确保更好客户在手机、平板、电脑等设备上获得一致浏览体验。查看源码 -
(自适应)宽屏农业机械农耕设备类网站pbootcms模板免费下载为农机企业打造的现代化响应式网站模板,自动适配电脑、平板和手机,浏览体验一致,独立页面SEO设置,提升搜索引擎可见度。查看源码 -
(自适应)帝国CMS7.5模板淘宝客导购博客文章源码本模板基于帝国CMS7.5内核深度开发,为电商导购类网站设计。采用响应式布局技术,确保在手机、平板及电脑端均能获得优质浏览体验。模板内置商品推荐模块与优惠信息展示区,可快速搭建专业导购平台。查看源码 -
(PC+WAP)绣花刺绣传统手工工艺pbootcms网站源码下载这款基于PbootCMS的网站模板为刺绣和传统手工艺行业设计,采用优雅的布局和精致的细节处理,能够呈现手工艺品的独特韵味和文化内涵。模板结构合理,功能完善,是手工艺从业者展示作品的理想选择。查看源码 -
(PC+WAP)蓝色公司注册财务会计公证律师网站源码下载本模板基于PbootCMS内核开发,为财务会计事务所、律师公证机构等专业服务机构打造。采用自适应设计,确保在各类设备上都能呈现专业视觉效果,帮助机构建立值得信赖的线上形象。查看源码
| 分享笔记 (共有 篇笔记) |
