-
CSS Hacks for IE，IE 也可以很完美
所属栏目：[创业经验] 日期：2018-10-06 热度：156
掌握 CSS Hacks 可以说是前端开发工程师的一个基本技能。随着浏览器版本的遍地开花，我们寻找着尽可能使各种浏览器表现一致的 CSS 写法。当然 CSS Hacks 是最为流行的解决方案。但对于 IE 而言，目前已经有 IE6/IE7/ IE8 三个主要版本，不久的将来还会有 IE[详细]
-
CSS 忍者：安全的 CSS hacks 秘籍
所属栏目：[创业经验] 日期：2018-10-06 热度：186
你如何搞定 IE 这只难以驯服的怪兽？使用 CSS Hacks 或者条件注释么？恐怕没有什么解决方案是完美的。每个设计师或者前端码农都会有自己打败 IE 行之有效的方法。所有这些技术都各有利弊，让我们一起来看看。 通过条件判断引入样式表 使我们能很容易在 IE[详细]
-
需要掌握的30个最常用css选择器解析
所属栏目：[创业经验] 日期：2018-10-06 热度：122
你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器，包括我们最头痛的浏览器兼容性问题。掌握了它们，才能真正领略css的巨大灵活性。 1. 星状选择符会在页面上的每一个元素[详细]
-
IE6 下的神奇 CSS 字体 bug
所属栏目：[创业经验] 日期：2018-10-06 热度：174
一直用的 Aptana 当编辑器，这玩意儿有一个很强大的代码格式化功能。你看： 不过格式化后就出问题了，注意格式化后 font 属性的写法。问题出在 font 属性的合并写法，12px 和 1.5 之间除斜杠之外的空格，IE6 下会导致后面设置的 arial 字体不生效。也就是[详细]
-
input标签与图片按钮水平对齐的解决方法
所属栏目：[创业经验] 日期：2018-10-06 热度：100
在日常的网页制作当中，我们可能会遇到input标签与图片在同一行的情况，这时候你会发现，无论你的css怎么写都会出现input文本框与图片链接无法在同一水平线上。昨日，烈火小编的朋友就来咨询，说他也遇到了这个问题，并且使用margin、padding等Css语法，都[详细]
-
背景图片自适应分辨率浏览器大小自动拉伸全屏代码
所属栏目：[创业经验] 日期：2018-10-04 热度：150
在制作页面CSS样式的时候，一个好看绚丽的效果背景图片是少不了的，为了考虑到每个访客用户的 分辨率 大小都不相同，我们会选择使用可以平铺的颜色代码或者小图片作为背景，那么如何让一张高清大图作为背景，不论访客用户的分辨率大小如何，都会自动拉伸显[详细]
-
纯CSS单行文本溢出追加省略号代码
所属栏目：[创业经验] 日期：2018-10-04 热度：98
之前一直以为单行文本溢出追加省略号没法兼容所有浏览器，经元泉同志提点，顺利解决： .box { width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 样式代码，四个属性都是必须的，并且宽度必须设在当前容器上，父容器定宽[详细]
-
图片热区详解 与切片的优势比较
所属栏目：[创业经验] 日期：2018-10-04 热度：135
切片和图片热区是什么？图片切片是将很大的网页图片，切成类似拼图的那种形式，之后运用 HTML 代码，再完美的拼接起来的一种加快网页图片显示的手法，图片切片之后你还可以在不同的切片上加入链接等等，从而达到点击不同图片区域跳转到不同页面的效果。图[详细]
-
CSS 滤镜 -webkit-filter 的介绍和使用
所属栏目：[创业经验] 日期：2018-10-04 热度：117
大家可能对 Instagram 这款 iPhone APP 上的滤镜效果很感兴趣，其实 CSS3 开始也有滤镜（不是 IE 的那种滤镜），这些滤镜效果最初是用于 SVG 的，W3C 将其引入到 CSS3 中，然后制定了 CSS Filter Effects 1.0 的规范，Webkit 率先支持了它。 -webkit-filte[详细]
-
如何实现IE6下块级元素的内容自动收缩
所属栏目：[创业经验] 日期：2018-10-04 热度：157
近期在做提示层组件的开发，遇到了一个IE6常见的bug....想出了几个解决的办法，挺有意思的，这里分享给大家。 由于IE6浏览器中，display:inline-block只能触发IE的haslayout属性使得元素具有布局属性，当对div元素使用display:inline-block，div元素仍然为[详细]
-
display:inline-block下的IE元素
所属栏目：[创业经验] 日期：2018-10-04 热度：158
通常我们想让内联元素为行块布局显示，有2种方法，最常见的是方法是.selector {display:block;float:left;......}，第二种方法是.selector {display:inline-block;......}，对于第二种方法，在 IE浏览器 中得到支持，测试结果会认为IE能识别display:inline-[详细]
-
HTML5网页让所有浏览器都能识别HTML5标签样式
所属栏目：[创业经验] 日期：2018-10-04 热度：128
如今HTML5愈来愈引发大家的关注了，但目前支持HTML5的浏览器还不是主流，特别是国内用户近50%以上仍旧使用IE6，由于支持HTML5的 IE9 不支持Xp系统安装，这样未来很长一段时间，HTML5的开发者将必须考虑向下兼容的问题。HTML5的标签或CSS选择器兼容性的做法[详细]
-
关于HTML条件注释你可能不知道的一些事儿
所属栏目：[创业经验] 日期：2018-10-04 热度：95
最近经常看到类似这样的HTML代码片段，很多前端开发人员应该都熟悉： 1 !--[if lt IE 7] html class=ie6 ![endif]--2 !--[if IE 7] html class=ie7 ![endif]--3 !--[if IE 8] html class=ie8 ![endif]--4 !--[if gt IE 8]!-- html !--![endif]-- 这段代码[详细]
-
CSS实例：纯CSS打造斜角
所属栏目：[创业经验] 日期：2018-10-01 热度：109
关于CSS打造斜角，先说一下历史，在CSS+DIV流行以前，也就是用表格作为网页框架的时候，人们通过在一个单元格里加入一个斜角图片来来做这种效果的。这种技术现在已经完全过时了，这里不讨论。CSS+DIV兴起以后，出现了两种制作斜角效果的方法，一个是通过ba[详细]
-
CSS技巧：字体属性简写规则
所属栏目：[创业经验] 日期：2018-10-01 热度：119
当使用css定义字体时你可能会这样做： 事实上你可以简写这些属性： 现在好多了吧，不过有一点要注意：使用这一简写方式你至少要指定font-size和font-family属性，其他的属性（如font-weight, font-style,font-varient）如未指定将自动使用默认值。[详细]
-
IE6/IE7/FireFox CSS兼容的解决方法
所属栏目：[创业经验] 日期：2018-10-01 热度：86
1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 height 和 wi[详细]
-
CSS背景图片控制单行文字顶距的技巧
所属栏目：[创业经验] 日期：2018-10-01 热度：165
假如是这样的情况： 工作机会.nav{height:30px;weight:125px;background:url(images/navbg.jpg);} 这里如果想控制文字的距顶部的距离，可以这样。 增加这样的样式。 .nav{overflow:hidden;line-height:35px;} 这里的line-height:35px;控制上下位置，overfl[详细]
-
用css实现高宽自适应满屏显示无滚动条
所属栏目：[创业经验] 日期：2018-10-01 热度：201
之前别人也有写过，但兼容性不强，支持以下几款主流浏览器 IE6,7,firefox2,3，时间关系，css就不一一详解了，很简单。请看下面的源码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona[详细]
-
input、select居中不兼容浏览器的解决方法
所属栏目：[创业经验] 日期：2018-09-24 热度：189
css修正Input标签在各种浏览器中差异，首先说明一下input、select等可能在各种浏览器中的表现差异： 1.当input或select与其他标签(例如a、label)混排时，可能出现不居中的问题。 2.input里面输入的文字行高存在差别，有空隙等等。 3....混排时，外层标签不[详细]
-
IE6、IE7、IE8浏览器下CSS不兼容的解决分析
所属栏目：[创业经验] 日期：2018-09-24 热度：123
IE6里DIV错位的问题 采用FLOAT：LEFT的DIV在 IE8 、IE7、都没问题，IE6下却向下移动，出现空白。这是因为，IE6采用的内核默认把DIV之间的距离增加了3~5个PX，所以，试试是将下移的DIV的STYLE里增加margin-left:-5px;或者更[详细]
-
CSS 背景透明而文字不透明的方法代码
所属栏目：[创业经验] 日期：2018-09-24 热度：120
本文要介绍的是CSS 背景透明而文字不透明的效果，本实现方法支持多个浏览器，包括：IE、 Firefox 、 Chrome 、 Opera 等。 实例代码如下：[详细]
-
CSS 实现文字、DIV层水平自适应屏幕大小
所属栏目：[创业经验] 日期：2018-09-24 热度：172
烈火网(LieHuo.Net)CSS教程，本文给大家介绍的是CSS 水平自适应的实现代码，这个与其它的水平自适应好像还有点区别，它里面的文字也会自适应，文字外的DIV同样也会随着浏览器窗口的大小而水平适应，大家仔细观察一下。 !DOCTYPE html PUBLIC -//W3C//DTD X[详细]
-
绝对定位的DIV+CSS层,多个层嵌套在一起
所属栏目：[创业经验] 日期：2018-09-24 热度：155
烈火网(LieHuo.Net)CSS教程 CSS多层绝对定位的一个小演示，多个层嵌套在一起，学习CSS布局的一个好例子。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3[详细]
-
![全兼容可高亮二级缓冲折叠菜单[附DEMO演示]](/uploads/allimg/c180915/153F0114JK50-15391.gif)
全兼容可高亮二级缓冲折叠菜单[附DEMO演示]
所属栏目：[创业经验] 日期：2018-09-15 热度：184
最近一段时间一直比较忙，已经有好几个月没有打理博客了。现将一个最近在项目中制作的一个菜单实例整理出来，共享一下。 在后台或OA系统中最常用到的布局往往是一个全屏布局，一般都是上中下三行两列布局，页头、页脚、左侧菜单加一个右侧ifame框架页。所[详细]
-
什么是css sprite?原理优缺点及使用实例
所属栏目：[创业经验] 日期：2018-09-15 热度：105
关于CSS Sprite CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度[详细]
