分类: 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 …