Category: Div+Css

pointer-events介绍

pointer-events属性值详解 ∙auto——效果和没有定义pointer-events属性相同,鼠标不会穿透当前层。在SVG中,该值和visiblePainted的效果相同。 ∙none——元素不再是鼠标事件的目标,鼠标不再监听当前层而去监听下面的层...

什么叫高保真原型图?

高保真原型:几乎完全按照实物来制作的原型就是高保真,原型中甚至包含产品的细节、真实的交互、UI等等。 低保真原型:粗枝大叶的画出来的原型,表达产品大致的框架。 由于制作高保真的原型无论是时间还是成本都相对...

CSS实现单行、多行文本溢出显示省略号(…)

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。 实现方法: overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 效果如...

IE8的css hack

关注过IE8的css hack的人相信大家都在使用这个hack,就是“\9”的css hack: .test{ color:#000000;                  /* FF,OP支持 */ color:#0000FF\9;       /* 所有IE浏览器(ie6+)支持 ;但是IE8不能识别“*”和“_”...

IE浏览器各版本的CSS条件判断

Browser Sandbox安装了下,发现之前一直用的一个纯CSS横向导航的水平居中出了问题,在IE8下完全居左了。找了很久没发现问题所在,索性每份CSS分开屏蔽,最终确定是针对IE的CSS问题,得避掉IE8只对IE7及以下版本设置...

兼容ie6,ie7,ff,opera,safari的水平垂直居中

图片文字垂直居中的最好方法 display:table-cell; 以表格单元格的形式显示对象 */ vertical-align:middle;/* 内容以对象中部对齐*/ display: inline-block; inline-block的元素既可以像块元素一样定义宽高,又可以和...

IE6下Select的遮盖问题

这个问题可是ie6下相当经典的问题了。简单的说就是ie6下select永远在position:absolute的div上面,这个在想用div来做个对话框时经常会遇到。比方下面的代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tran...

兼容IE6、7、8和火狐的遮罩层效果实现

.overlay{position: fixed; z-index: 100000;width: 100%;height: 100%;top: 0;left: 0;filter: alpha(opacity=50);opacity: 0.5;overflow: hidden;background-color: #000;} *html { background:url(*) fixed; } *h...

为今后项目制作空白CSS模板文件

如果你曾经收藏过许多关于CSS的最佳实践但还没开始利用它们,那么这篇文章将帮助你制作一个很好且很有组织的CSS文件来应用于一些CSS最佳实 践。在这里我将为为我的下一个项目制作一个基本的CSS模板文件。使用标准的...

如何书写兼容IE和Firefox的CSS

由于不同浏览器对于CSS解析结果不同,一段CSS代码在不同的浏览器下显示页面效果不一致,因此就需要写不同代码兼容各种浏览器,在不同的浏览器中都能得到预期的页面效果。 这个针对不同的浏览器写不同的CSS code的过...