CSS
蚂蚁路过
各种……
展开
-
用tbody代替div 解决 table tr的隐藏问题
有如下需求,需要控制一个table内几个tr的显示问题。一开始想的方法是在这几个要显示的tr外面套一个div,利用div的display:none属性来解决。 但是后来发现div和tr嵌套的时候会有问题。例如,如果我的html页面是这样的源码:view plaincopy to clipboardprint?转载 2012-09-26 11:34:07 · 3386 阅读 · 0 评论 -
史上最全的css hack(ie6-9,firefox,chrome,opera,safari)
在这个浏览器百花争鸣的时代,作为前端开发的我们为了我们漂亮的设计能适应各个浏览器可为煞费苦心,主要体现在javascript和css上面。javascript我这次就不谈了,先说说css。 为了适应不同浏览器不同的版本(版本主要就ie来说),ie这朵奇葩现在我们要兼容6-9,它的10也快出来了。。。在ie下我们可以写条件注释来区分ie和其他浏览器,以及ie的版本,这些请大家自行g转载 2012-11-06 17:45:39 · 688 阅读 · 0 评论 -
CSS技巧:word-wrap同word-break的区别
本文列举了兼容 IE 和 FF 的换行 CSS 推荐样式,详细介绍了word-wrap同word-break的区别。 兼容 IE 和 FF 的换行 CSS 推荐样式 最好的方式是以下是引用片段: word-wrap:break-word; overflow:hidden; 而不是以下是引用片段转载 2013-04-22 13:36:41 · 857 阅读 · 0 评论 -
图解CSS的padding,margin,border属性(详细介绍及举例说明)
图解CSS的padding,margin,border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域:内容(content)、边框距(padding)、边界(border)和边距(margin)。 对于初学者,经常会搞不清楚margin,background-c转载 2014-03-10 17:29:17 · 843 阅读 · 0 评论 -
CSS3 圆角(border-radius)
前缀例1例2:无边框书写顺序其它支持性值:半径的长度前缀-moz(例如 -moz-border-radius)用于Firefox-webkit(例如:-webkit-border-radius)用于Safari和Chrome。例1#round { padding:10px; width:300px; height:50px; b转载 2014-03-18 14:44:20 · 699 阅读 · 0 评论 -
文字置于图片之上且背景半透明
之前发过一篇关于《 将图片的说明文字显示在图片之上且背景半透明效果 》的文章,讲述了如何将文字置于图片之上且背景半透明,但那个解决办法会出现一个问题,就是背景虽然半透明了,但文字也会半透明,今天发现百度旅游上的实现方法,很完美地实现这个功能,现把代码共享如下:文字置于图片之上且背景半透明 标准之路www.aa25.cna.title { color:#D3D3D4; b转载 2014-03-20 10:10:51 · 1206 阅读 · 0 评论 -
JS 弹出层 定位至屏幕居中
无标题文档/*弹出层的STYLE*/html,body {height:100%; margin:0px; font-size:12px;}.mydiv {background-color: #ff6;border: 1px solid #f90;text-align: center;line-height: 40px;font-size: 12px;font-weight:转载 2014-05-21 09:47:25 · 2416 阅读 · 0 评论