css
binglingnew
这个作者很懒,什么都没留下…
展开
-
css 学习书籍
《精通css》 《CSS禅意花园》 《CSS权威指南》 《CSS网站布局实录》 《别具光芒》——CSS属性、浏览器兼容与网页布局 《CSS商业网站布局之道》 《CSS与HTML Web设计实践指南》 《CSS Web设计高级教程(第2版)》 《CSS设计彻底研究(部分彩印)》 《HTML+CSS网页设计与布局从入门到精通》转载 2012-09-17 17:28:11 · 468 阅读 · 1 评论 -
ie6中相对定位中的内容随着滚动条滚动而滚动
BUG描述:页面中某DIV使用了position:relative,结合top=-25px等元素定位。在FF和IE7下表现正常,但是在IE6中该DIV会随鼠标滚动而滚动。分析:这是IE6一个已知的BUG:当某position:relative元素被带有overflow:auto/scroll属性的块级元素包含时,会表现出postion:absolute的行为。解决方法:1.为包含块元素添加属性pos原创 2015-07-09 16:53:32 · 575 阅读 · 0 评论 -
背景自适应,全浏览器兼容
全浏览器兼容的方法转载 2015-05-22 16:59:07 · 591 阅读 · 0 评论 -
修正IE6不支持position:fixed的bug
ie6 position:fixed bug转载 2015-06-02 13:01:24 · 484 阅读 · 0 评论 -
美化上传input file
美化上传文件框原创 2015-05-21 12:08:56 · 486 阅读 · 0 评论 -
textarea 截取长度
textarea上加:maxlength="1000" onkeydown="if (this.value.length>1000){event.returnValue=false}" $("#dayComments").keyup(function(event){ //判断文本域输入剩余字数 var curLength = $("#dayComments").val().length原创 2013-10-20 19:12:29 · 676 阅读 · 0 评论 -
css清除浮动大全
清除浮动 是每一个 web前台设计师 必须掌握的机能。 为什么浮动这么难? 因为浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 width height 属性。 而且同样的代码,在各种浏览器中显示效果也有可能不相同,这样让清除浮动更难了。 解决浮动引起的问题有多种方法,但有些方法在浏览器兼容性方面还有问题。 我根原创 2013-09-10 21:28:36 · 486 阅读 · 0 评论 -
用CSS设置Table的细边框的几种方法
大家经常会发现Table的BORDER设置为1,得到的边框却不是想要的1个像素的细边框,于是很多人去想方设法做出细边框的效果。 设置Table的细边框通常有这么几种方式: 1、设置边框的BORDER=0 、cellspacing=1,设置Table的背景色为所要的边框色,再设置所有的td背景色为白色,这样细边框就显露出来了。这个方法有些邪气,看似不太正宗,但是也能达到效果,条条大路通罗马嘛!原创 2013-08-14 21:40:37 · 1160 阅读 · 0 评论 -
解决IE6下div层设置高度1px无效的问题
解决办法是 overflow:hidden;"> 解析:IE6有默认div最小高度(貌似默认高度是13px)。转载 2013-08-08 10:20:21 · 794 阅读 · 0 评论 -
css图片垂直居中
“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中 垂直居中;图片是个置换元素,有些特殊的特性。 至于如何解决,下面是一个权衡的相对结构干净,CSS简单的解决方法: .box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertic原创 2013-08-08 10:08:03 · 525 阅读 · 0 评论 -
css hack(ie6-9,firefox,chrome,opera,safari)
在这个浏览器百花争鸣的时代,作为前端开发的我们为了我们漂亮的设计能适应各个浏览器可为煞费苦心,主要体现在javascript和css上面。javascript我这次就不谈了,先说说css。 为了适应不同浏览器不同的版本(版本主要就ie来说),ie这朵奇葩现在我们要兼容6-9,它的10也快出来了。。。在ie下我们可以写条件注释来区分ie和其他浏览器,以及ie的版本,这些请大家自行goo转载 2013-08-19 14:49:15 · 438 阅读 · 0 评论 -
【IE6的BUG一】链接伪类(:hover)CSS背景图片有闪动BUG
IE6下链接伪类(:hover)CSS背景图片有闪动BUG,主要原因ie会再一次请求这张图片,或者说图片没被缓存。 例如: CSS代码a:hover{background:url(imagepath)} 常用的解决方案: 在页面底部添加以下IE6专用代码,让IE6缓存CSS背景图片至本地,这样a:hover时IE6就不会再重新向服务器请求加载背景图片了。XML/HTML代码<!–[if IE转载 2015-07-14 14:03:28 · 653 阅读 · 0 评论