分类: 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: nowra …
-
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 …
-
兼容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(*) fi …
-
为今后项目制作空白CSS模板文件
如果你曾经收藏过许多关于CSS的最佳实践但还没开始利用它们,那么这篇文章将帮助你制作一个很好且很有组织的CSS文件来应用于一些CSS最佳实 践。在这里我将为为我的下一个项目制作一个基本的CSS模板文件。使 …
-
如何书写兼容IE和Firefox的CSS
由于不同浏览器对于CSS解析结果不同,一段CSS代码在不同的浏览器下显示页面效果不一致,因此就需要写不同代码兼容各种浏览器,在不同的浏览器中都能得到预期的页面效果。 这个针对不同的浏览器写不同的CSS …