这一阵子要处理前台CSS,记录一下网上找的,具体从哪里找的没记住。
兼容性处理要点
1、DOCTYPE 影响 CSS 处理
2、FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width
3、FF: 支持 !important, IE 则忽略, 可用 !i
转载
精选
2012-12-21 09:58:50
495阅读
CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。 常见兼容问
转载
2023-09-20 14:46:49
64阅读
CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。 常见兼容
原创
2023-04-20 11:00:24
87阅读
原作者:微米博客以前写过一篇关于CSS hack的文章,但近期回头看了看发现理解的不够深刻,总结的也不凝练,于是今天重新测试从新写一篇。常用的CSShack如下(笔者只对IE&FF&Chrome进行了测试)。hack列表(全部经笔者测试,且均为标准模式下,混杂模式由于很少会用到所以未对其进行测试): 其中粉红色部分为属性hack,***部分为选择器hack,它
转载
精选
2014-11-17 10:51:50
654阅读
1 .rowhidden {/*文字超过行宽后,自动隐藏*/2 display:block;white-space:nowrap;overflow:hidden;3 -o-text-overflow: ellipsis;/**//* for Opera */4 text-overflow:ellipsis; /**//* for IE */5 }6 .wra
转载
2010-05-20 14:59:00
102阅读
2评论
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明。
CSS技巧
1.div的垂直居中问题
vertical-align:middle; 将行
转载
精选
2008-12-09 15:42:10
651阅读
点赞
1.DOCTYPE 影响 CSS 处理
2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right)
转载
精选
2011-01-13 16:04:55
504阅读
让CSS兼容IE和Firefox的技巧集合 (上) Html/Xhtml/Css 02月 22nd, 2009 CSS 对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了 一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一
转载
2009-08-04 10:03:00
85阅读
2评论
一直以来有个很头疼的问题困扰着我,那就是图片缩放的问题,相关代码写到 JS 里面,不太容易修改。写到 CSS 里面,在IE 6 又不支持 max-width。今天用了很久时间终于解决了这个问题,基本算是完美了吧,唯一不完美的就是 IE 6 只有等图片完全下载完成后才会自动调整大小,不过聊胜于无,总比进入页面后看到长长的横向滚动条舒服的多,这里使用了 expression,但是利用了一次加...
原创
2021-08-10 10:24:44
187阅读
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明。CSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行2. margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie6
转载
2012-08-05 05:41:00
121阅读
2评论
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明。 CSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个D
原创
2021-04-26 18:50:37
209阅读
然后在弹出来的菜单中选择“附加组件”选项。然后在搜索结果中会看到“IE Tab”组件,点击右侧的“安装”按钮。1,首先,打开火狐浏览器点击右上角的三杆标志。 2,点击“附加组件”选项,点击打开。 3,在窗口中搜索框输入“IE”点击打开。 4,在搜索结果中下载以下插件。 5,重启火狐浏览器。 6,最后,重启火狐浏览器之后。火狐浏览器设置兼容模式怎么设置在火狐浏览器的附加组件中可添加兼容插件,继而设置
转载
2023-09-15 21:48:50
203阅读
兼容IE,Firefox,CSS3 opacity透明度
div.transp { /* make the div translucent */ opacity: 0.6;
转载
精选
2012-02-13 11:57:54
568阅读
1.css在不同浏览器下显示效果不同firefox和IE对某些css样式的认定有不少区别,包括:· ul和ol的默认padding值是不一样的,在Firefox中,padding-left默认值为40px左右,而IE中为0,一般设置ul{margin:0;padding:0;}就能解决大部分问题· ...
原创
2023-04-26 14:07:54
121阅读
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<style >
.d {position: r
转载
精选
2011-10-14 15:00:52
627阅读
IE系列filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FF0000',endColorStr='#F9F900',gradientType='0');参数:startColorStr起始颜色 endColorStr结束颜色 gradientType为0时代表垂直,为1时代表水平Firefoxbackground: -moz-linear-gradient(top, #FF0000, #F9F900);参数:top、bottom垂直,left、right水平 例
转载
2012-02-14 23:35:00
101阅读
2评论
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www
原创
2022-12-26 15:18:50
71阅读
html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none;}
转载
2013-04-20 20:43:00
214阅读
2评论
IE系列filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FF0000',endColorStr='#F9F900',gradientType='0');参数:startColorStr起始颜色 endColorSt...
转载
2014-09-12 11:43:00
168阅读
2评论
textarea onkeydown="keyHanlder(event)"/textareascriptfunction keyHanlder(e){if(e.ctrlKey&&e.keyCode==13){ alert('"Ctrl+Enter"'); if(e.preventDefault)e.preventDefault(); else e.returnValue=false;}}/script非IE浏览器调用函数会自动返回参数event,通过它可以获取键盘SCRIPT LANGUAGE="JavaScript"!--function hotkey(e){//判断
转载
2010-12-29 19:09:00
183阅读
2评论