-
一行代码解决IE8浏览器兼容问题
所属栏目：[经验] 日期：2018-10-07 热度：167
一行代码解决 IE8 浏览器与IE7之间的兼容性问题，热门的tag非IE8莫属，各浏览器厂商争相发布版本更新，部分网页也存在与IE8的兼容性问题，简单一行代码，让IE8自动调用IE7的渲染模式，只需要在页面中加入meta http-equiv=X-UA-Compatible content=IE=Emula[详细]
-
CSS Hacks for IE，IE 也可以很完美
所属栏目：[经验] 日期：2018-10-07 热度：75
掌握 CSS Hacks 可以说是前端开发工程师的一个基本技能。随着浏览器版本的遍地开花，我们寻找着尽可能使各种浏览器表现一致的 CSS 写法。当然 CSS Hacks 是最为流行的解决方案。但对于 IE 而言，目前已经有 IE6/IE7/ IE8 三个主要版本，不久的将来还会有 IE[详细]
-
IE6 CSS bug: position:relative变成了absolute
所属栏目：[经验] 日期：2018-10-06 热度：108
BUG描述： 页面中块级元素用了position:relative,bottom=-1px等元素定位,会表现出postion:absolute的行为. 解决方法： 方法1. 为此元素最外层父亲元素添加属性position:relative, 注意是最外层. 方法2. 把此元素的position:relative变成默认的static定位,[详细]
-
利用 iframe 假装异步提交表单
所属栏目：[经验] 日期：2018-10-06 热度：84
异步提交表单，但需要跨域，POST 是靠不住的，幸好 YUI3 提供了强大的 Y.Get.script 模块。后来，伟大的饺子哥说，可以直接用 Form 提交，纳尼？看看代码吧 ： iframe name=mangguo/iframe假如有个表单： form method=post action=http://www.mangguo.org/[详细]
-
网站首页顶部添加背景图片的修改代码
所属栏目：[经验] 日期：2018-10-06 热度：136
在节日的时候，我们经常看到一些门户网站的顶部添加了大幅的网页背景，还有的带关闭功能，不但给节日添加了气氛，而且获得了访客的好评。在新年就要到来之际，烈火网给大家准备了一些背景素材图片及PSD文件，需要的朋友请到这里下载。考虑到很多朋友不会使[详细]
-
CSS 忍者：安全的 CSS hacks 秘籍
所属栏目：[经验] 日期：2018-10-06 热度：93
你如何搞定 IE 这只难以驯服的怪兽？使用 CSS Hacks 或者条件注释么？恐怕没有什么解决方案是完美的。每个设计师或者前端码农都会有自己打败 IE 行之有效的方法。所有这些技术都各有利弊，让我们一起来看看。 通过条件判断引入样式表 使我们能很容易在 IE[详细]
-
需要掌握的30个最常用css选择器解析
所属栏目：[经验] 日期：2018-10-06 热度：174
你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器，包括我们最头痛的浏览器兼容性问题。掌握了它们，才能真正领略css的巨大灵活性。 1. 星状选择符会在页面上的每一个元素[详细]
-
IE6 下的神奇 CSS 字体 bug
所属栏目：[经验] 日期：2018-10-06 热度：187
一直用的 Aptana 当编辑器，这玩意儿有一个很强大的代码格式化功能。你看： 不过格式化后就出问题了，注意格式化后 font 属性的写法。问题出在 font 属性的合并写法，12px 和 1.5 之间除斜杠之外的空格，IE6 下会导致后面设置的 arial 字体不生效。也就是[详细]
-
input标签与图片按钮水平对齐的解决方法
所属栏目：[经验] 日期：2018-10-06 热度：198
在日常的网页制作当中，我们可能会遇到input标签与图片在同一行的情况，这时候你会发现，无论你的css怎么写都会出现input文本框与图片链接无法在同一水平线上。昨日，烈火小编的朋友就来咨询，说他也遇到了这个问题，并且使用margin、padding等Css语法，都[详细]
-
图片延迟加载处理的实现
所属栏目：[经验] 日期：2018-10-06 热度：140
页面中图片过多能够让图片延迟加载会大大提高页面的加载速度，提高用户可用性。 1、有的页面是页面过长或过宽，可以考虑只加载显示区域附近的图片。 2、图片所在窗口不显示，比如Tab内容切换，内容轮播等也要考虑把没有显示的图片延迟加载 第一种情况推荐[详细]
-
表单中的隐藏域重置
所属栏目：[经验] 日期：2018-10-06 热度：118
在 DOM 中，表单重置非常简单，使用 input type=reset 或者 button type=reset 即可。原生 DOM 也提供了 reset() 方法用于表单重置。 但是在 Firefox / Chrome 浏览器中，如果字段是隐藏域（type=hidden）的话，使用 reset 是无法将字段值还原为初始值的。[详细]
-
如何使用 CSS3 伪类
所属栏目：[经验] 日期：2018-10-06 热度：138
CSS3 是个好东西，但也很容易被她的变形（transform）和动画（其中许多特性因浏览器厂商而异）特性所迷惑，因而忘了那些已经被添加到标准规范中的最为基本的选择器。许多强大的新伪类选择器（最新的 W3C 规范中列出了 16 条）使得我们能够在新的标准范围内[详细]
-
关于CSS Selector的优先级
所属栏目：[经验] 日期：2018-10-06 热度：131
今天在google reader上看到一篇博文，然后在问了组里的几位同事之后才发现自己曾经一直对css selector的理解存在着误区。据说老外的文章中很早就提到了关于css selector是优先级算法，只是到了国内被部分人员翻译之后，误解了其中的含义，导致现在很多人以[详细]
-
CSS自定义滚动条样式
所属栏目：[经验] 日期：2018-10-06 热度：163
相信很多人都遇到过在设计中自定义滚动条样式的情景，之前我都是努力说服设计师接受浏览器自带的滚动条样式，但是这样只能规避还是解决不了问题，最近在项目中遇到了，正好来总结一下。当然，兼容所有浏览器的滚动条样式目前是不存在的。 IE下的滚动条样式[详细]
-
JavaScript计算iframe高度
所属栏目：[经验] 日期：2018-10-06 热度：114
Java Script 计算iframe高度，方便做到高度自适应： Math.min(iframe.contentWindow.window.document.documentElement.scrollHeight, iframe.contentWindow.window.document.body.scrollHeight);[详细]
-
纯CSS3立体提示模块的实现，附源码
所属栏目：[经验] 日期：2018-10-06 热度：155
最近一些日子都在看JS方面的书，写小游戏，好久没写CSS了，昨天看了一个纯CSS3进度条的例子，感觉很有创意，尤其是用background-size来repeat渐变斜线这招，妙不可言。今天再浩方打dota的时候刷不进房间，看到它弹出一个提示框，如下： 发现跟进度条有个共[详细]
-
IE6中a标签location.href失效解决方法
所属栏目：[经验] 日期：2018-10-06 热度：128
今天遇见IE6一个location.href的bug，具体情况是这样的，IE6下，在a标签中，将href写成javascript:;javascript:void(0);，并且给这个标签绑定onclick事件，点击后，执行location.href实现页面跳转，例如下面的代码： a href=javascitp:; onclick=toURL()点[详细]
-
CSS中各个浏览器兼容的解决办法
所属栏目：[经验] 日期：2018-10-06 热度：168
1. CSS中几种浏览器对不同关键字的支持，可进行浏览器兼容性重复定义 !important 可被FireFox和IE7识别 * 可被IE6、IE7识别 _ 可被IE6识别 *+ 可被IE7识别 区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green !important;[详细]
-
onmouseover的td里面有a标签时晃动
所属栏目：[经验] 日期：2018-10-06 热度：178
这是因为当鼠标移动到td里面的 a 上时，td 的 onmouseout 事件会被触发。 然后 a 的 onmouseover 被触发，由事件传递链，向上又发送到td, 因此 td 的 onmouseover 再次触发，于是就会有闪烁了。 有两种方法可以解决，第一，在 td 的onmouseout 中，对 event[详细]
-
css box-shadow阴影不透明的解决办法
所属栏目：[经验] 日期：2018-10-06 热度：62
你在使用box-shadow来实现阴影效果的时候，有没有注意到有些情况下，阴影并不是透明的效果 Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE HTML html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title烈火学院/titl[详细]
-
CSS之a:hover下的span样式无效的解决方法
所属栏目：[经验] 日期：2018-10-06 热度：82
下面的例子中，a标签里包含了一个span，我们可能希望当鼠标移到a上时，span的样式发生变化，但是在ie6下发现无效 !DOCTYPE HTMLhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312title/titlestyle type=text/cssa:hover span{font-[详细]
-
纯CSS3文字渐变内发光投影效果
所属栏目：[经验] 日期：2018-10-06 热度：181
今天群上面同志们在讨论css3内发光效果，自己也就研究一下，写了个效果出来，涉及css3投影，渐变，蒙版，伪类等知识点，现在写下设计思路，仅供参考。发个效果图大家看先： 一般我们都是用css3的box-shadow来实现盒投影，用text-shadow来实现文字投影，box[详细]
-
纯CSS3透明水晶盒的实现
所属栏目：[经验] 日期：2018-10-05 热度：61
打过了趟深圳回来后，已经快半个月，在广州购书中心逛了下，发现2本前端书《重构HTML-改善WEB应用的设计》、《CSS3 实战》，看了一半《重构HTML》，发现看不下去，里面写的感觉不是很受用，可能是现在水平有限，参透不了，于是放下看《CSS3》。之前脑子里[详细]
-
[译文]避免常见的六种HTML5错误用法
所属栏目：[经验] 日期：2018-10-05 热度：156
原文链接请点击此处，作者为Richard Clark. 本文为原创翻译，同时对原文做了一些简化处理。本文遵循署名-非商业性使用协议。 一、不要使用section作为div的替代品 人们在标签使用中最常见到的错误之一就是随意将HTML5的section等价于div具体地说，就是直接[详细]
-
纯Css实现网页上的Tips提示之小三角箭头
所属栏目：[经验] 日期：2018-10-05 热度：125
使用纯Css实现的网页上一个Tips提示效果，相信大家都在一些大网站见到过，例如，我们经常在淘宝网上购物时看到的小提示功能，如图一，在本例子中我们仅实现了小三角箭头，并没有实现关闭功能，因为关闭功能还需要引入相应的JS才可以。 下边我们来看实例代[详细]
浙公网安备 33038102330477号