CSS样式
rita_leng
前端开发工程师
展开
-
页面元素中内容显示在最上面
1.设置z-index值,值越大,显示就上面,可设置:z-index:9999。设置z-index,需设置position:absolute2.如果设置z-index值无效,可能是父对象设置了overflow:hidden,隐藏了超出父对象的内容.可设置overflow:visible原创 2015-05-29 22:58:02 · 664 阅读 · 0 评论 -
E11 css hack
E11 识别\0{color:red;color:blue \0;}chrome下颜色是红色,IE11是蓝色原创 2015-07-25 00:26:43 · 1065 阅读 · 0 评论 -
ul无高度
文档结构.main li{width:50%,float:left}mathenglishul无高度,div.desk向右浮动,怎么没有高度呢,由于li设置了float,对ul清除浮动,就有高度了原创 2015-07-02 21:07:31 · 680 阅读 · 0 评论 -
可以替代浮动的inline-block
浮动有个缺点:脱离了原来的文档流,导致父容器无高度。使用inline-block不会脱离文档流,且无忘记清空浮动的困扰并排的div都设置position:inline-block,vertical-align:top原创 2015-07-09 21:42:50 · 886 阅读 · 0 评论 -
span中内容随着数字长度的增加而增大
场景:导航条中数据,当数据量不大时,只会显示几页,数字只有1,2,3,4..,数字写在span标签中, 则span不需要多宽,设置固定宽度就可以,但当数据量非常大的,例如:日志管理--有增 删 改就有记录,且记录会一直保存,不会删除。这时成千万的数据量显示,转到最后一行时,页数就可能为几百万条,显示7位数字,span标签宽度就要增加了,要随着数字长度的增加需增大。CSS设置,设置个最小宽度,内间距原创 2015-07-09 21:18:41 · 3871 阅读 · 0 评论 -
IE8不显示字体图标
bootstrap流行,随着自带的字体图标也火起来了。漂亮的字体系统中没有,制作成字体文件,下载到本地,浏览漂亮的网页哦。在项目中遇到有些IE8显示不了,原因是IE8下设置了禁止字体下载原创 2015-07-07 22:33:07 · 5146 阅读 · 1 评论 -
IE8下div中有span,会影响div定位
,div在父容器中会下移原创 2015-07-02 21:39:59 · 808 阅读 · 0 评论 -
对IE浏览器写css hack
_ IE6识别* IE6,7识别\9 IE8识别,今天在项目中用到,以备后用CSS刚刚起步,大学不要见笑原创 2015-07-08 20:36:48 · 621 阅读 · 0 评论 -
绝对定位absolute的好处
1.不占用容器中的像素,例如:ul li中导航列表中需个关闭小按钮close,可设置一个小X图片,X设置position:absolute,就可以不占用容器li的像素2.文本框的提示,td中小图标的连接,都可设置position:absolute,不占用窗口的像素3.容器显示在较上面(positon:absolute;z-index:100),遮盖不需要显示的内容原创 2015-05-29 23:24:07 · 694 阅读 · 0 评论 -
CSS三角形制作样式
.triangle{display: block;height: 0;position: absolute;width: 0;border: 9px solid;border-color: transparent #bbb;border-right-width: 0;}原创 2015-06-28 23:34:46 · 604 阅读 · 0 评论 -
出现二个奇葩bug
1.js中少了个单引号,指定的href嵌套指定的地址,单双引号混合添加的情况下一点都不好找,让人头痛的是在chrome,ie11下没有出现js报错,在IE8下报html页面第一行出错,少了个;号2.不知页面为何出现横向滚动条,检查代码没有错误,找了半天原来是设置浏览器110%显示原创 2015-07-28 21:44:41 · 550 阅读 · 0 评论