-
DIV等浮层在IE6下被下拉框遮挡的处理
所属栏目:[经验] 日期:2018-09-05 热度:106
由于IE6中DropDownList是Browser调用的系统控件,这种组件的显示优先级比普通的IE控件高,浮动层中的控件就不能够遮盖这些系统控件。 解决的办法是:做两个浮动层,一个浮动层的根标签是IFrame,另一个浮动层的根标签是Div,两个浮动层的位置、大小均相等,[详细]
-
在html网页中使用Visual Earth地图
所属栏目:[经验] 日期:2018-09-05 热度:135
大致可以分为三个步骤: 1:在head/head标签体内添加如下所示的javascript脚本: script type=text/javascript src=http://dev.ditu.live.com/mapcontrol/mapcontrol.ashx?v=6.2/script script type=text/javascript var map = null; function GetMap(){ ma[详细]
-
HTML 网页表单提交的规则文档
所属栏目:[经验] 日期:2018-09-05 热度:143
最近在做一个HTML解析的引擎,在处理FORM表单时候特别混乱。在此根据近一周的经验总结一下HTML表单的提交规则。 INPUT TYPE=BUTTON 永远不提交 INPUT TYPE=CHECKBOX 只在勾选后提交 INPUT TYPE=FILE 永远提交,即使为空值 INPUT TYPE=HIDDEN 永远提交,即使[详细]
-
CSS 下拉菜单框架
所属栏目:[经验] 日期:2018-09-05 热度:60
CSS Drop-Down Menu Framework是一个基于GNU General Public License开源的纯CSS下拉菜单框架,能在IE5+、 Firefox 1.5+、 Safari 2+、 Chrome 1+和 Opera 7+这些浏览器上运行,但在IE6和IE6之前的浏览器里是通过 Java Script辅助的。你可以修改它,以应用[详细]
-
优化浏览器渲染:将样式表放在页面顶部
所属栏目:[经验] 日期:2018-09-05 热度:193
将样式放在页面头部 概述 将内联样式块和link元素从页面body移动到页面head中,这样能提高渲染性能。 详细信息 在HTML文件body中指定外部样式表和内联样式块可能对浏览器的渲染性能产生不利影响。浏览器阻塞渲染网页直到所有外部的样式表都已被下载。(用s[详细]
-
优化浏览器渲染:指定图片尺寸
所属栏目:[经验] 日期:2018-09-05 热度:63
概述 为页面中所有图片指定宽度和高度可以消除不必要的reflows和重新绘制页面【repaints】,使页面渲染速度更快。 详细信息 当浏览器勾画页面时,它需要能够流动的,如图片这样的可替换的元素。提供了图片尺寸,浏览器知道去环绕附近的不可替换元素,甚至[详细]
-
优化浏览器渲染:避免CSS expressions
所属栏目:[经验] 日期:2018-09-05 热度:163
概述 CSS表达式会降低浏览器的渲染性能;用其他方案替换它们将会改善 IE浏览器 的渲染性能。 注意:本节最佳实践只适用于Internet Explorer 5到7,它们支持CSS表达式。Internet Explorer 8放弃使用CSS表达式,而其他浏览器是不支持的。 详细信息 作为一种动[详细]
-
CSS 中Visibility 和 Display 属性的比较
所属栏目:[经验] 日期:2018-09-02 热度:193
如果你想改变一个 HTML 元素的可见性,你会把这个元素的 CSS 属性改为 visibility: hidden 还是 display: none ?这两个属性有什么不同?在页面元素可见性改变时你如何应对? Visibility 和 Display 属性的区别 这里有个 Demo 可以比较 visibility: hidden[详细]
-
如何做网页设计之10个小窍门的经验总结
所属栏目:[经验] 日期:2018-09-02 热度:144
这片文章大体概括了一些设计网页中的大问题。希望能给你做下一个网页时给予一些儿启发。 1、记住:你能掌控的时间是有限的 我仅仅用4秒钟就能浏览完平常的页面,因此,你没有足够的时间吸引用户并让他们继续浏览你的网站。也就是说你应尽可能准确的描述你[详细]
-
HTML5中值得期待的postMessage方法
所属栏目:[经验] 日期:2018-09-02 热度:152
postMessage是HTML5中的一个方法,可以用来跨域访问数据。它简单易用,目前 IE8 +、FF3+、 Safari 4.0+、Google Chrome 1.0+、 Opera 9.5+均支持该方法。 你可以按照以下步骤来使用该方法: 在你希望发送信息的window.或者iframe中调用postMessage方法; 指[详细]
-
CSS pointer-events 允许下层元素被点击[译]
所属栏目:[经验] 日期:2018-09-02 热度:122
是否曾经有过这样的经历:把一个元素置于另一个元素之上,而希望下面的那个元素成为可点击的?现在,利用css的pointer-events属性即可做到。 CSS pointer-events Pointer-events原本来源于SVG,目前在很多浏览器中已经得到体现。不过,要让任何HTML元素生[详细]
-
基于 HTML5 的 Windows 画图程序
所属栏目:[经验] 日期:2018-09-02 热度:177
Windows 画图 程序一直伴随着 Windows 各个版本,这个很简单,几乎没有什么用处的程序拥有最基本的绘图功能,很适合用来涂鸦。HTML5 的 Canvas 对象使在线绘图成为可能,虽然 HTML5 还远未成熟,但很多人已经迫不及待地用它设计一些让人惊叹的应用。 Canvas[详细]
-
网络存储:更简便更强大的客服端数据存储[译]
所属栏目:[经验] 日期:2018-09-02 热度:61
导言 随着 Java script的复杂应用和即将推出的的标准和技术,web应用程序变得越来越先进。我们不断依赖这些应用程序,它们中的大部分已成为我们日常生活中的一部分。在Web应用程序开发中,有一个领域一直很匮乏--客服端存储数据的能力。直到现在还是这样[详细]
-
你应该知道的几个CSS3技巧
所属栏目:[经验] 日期:2018-09-02 热度:61
你们中有许多人可能已经听到过有关CSS3的不少传言,但是我们现在能真正用到的CSS3技巧又有哪些呢?本文,我将向你展示一些与众不同的CSS3技巧,这些技巧在一些主要的浏览器中表现良好(如 Firefox , Chrome , Safari , Opera 浏览器)。这些效果会在不[详细]
-
碳纤维风格的插入式导航菜单:HTML代码
所属栏目:[经验] 日期:2018-09-02 热度:127
继上篇碳纤维风格的插入式导航菜单,Richard Carpenter把菜单图片转化为CSS/HTML文档了。我们就一起接着学习吧! 查看CSS/HTML完整版,请点击这里: 布署文件 在我们开始切割图片之前,先在本地web服务器上布署文件,创建文件夹,在新建的文件夹中新建空白[详细]
-
用window.XMLHttpRequest和window.ActiveXObject判断ie6
所属栏目:[经验] 日期:2018-09-02 热度:82
原理: Window.XMLHttpRequest //IE6以上版本和其他浏览器内置XMLHttpRequest对象 Window.ActiveXObject //在IE6及其以下浏览器可以通过ActiveXObject的两个控件来创建 if (window.XMLHttpRequest) { //Mozilla, Safari ,IE7, IE8 alert('Mozilla, Safari,[详细]
-
跨浏览器 CSS3 规则生成器
所属栏目:[经验] 日期:2018-09-02 热度:131
CSS3 很强大,但目前各个浏览器对它的支持程度不同一直是 CSS3 不能被应用的主要原因。今天 Bolo 推荐两个在线跨浏览器 CSS3 规则生成器。 CSS3, please! CSS3, please! 只有一个页面,上面以标准的 CSS 语法罗列了一些目前常用的 CSS3 属性在各种浏览器里[详细]
-
CSS网页代码编写技巧-隔行换色的实现
所属栏目:[经验] 日期:2018-08-27 热度:153
网页设计中我们经常会碰到用CSS(层叠样式表)实现隔行换色的需求,您可以根据您的需要,采用下面的任何一种方法,当然要注意适合你的具体编码与需求情况。 一、使用background背景图片 如果行高固定的话,推荐使用隔行换色的背景图,也推荐将行高固定,这[详细]
-
用Firefox插件调整CSS 优化网页视觉体验
所属栏目:[经验] 日期:2018-08-27 热度:170
本文讨论如何利用 Firefox 的Stylish插件调整网页的CSS布局,让用户能更加轻松舒服地浏览网页。 现在有越来越多的人在使用Google Reader,利用Google Reader可以非常方便的订阅、阅读 RSS。但Google Reader也有自己不足之处,主要是在阅读上不是很方便。RSS[详细]
-
DIV+CSS网页布局的基础知识整理
所属栏目:[经验] 日期:2018-08-27 热度:123
烈火建站资源网的 CSS教程 栏目中汇集了大量的CSS知识,这些知识已经非常全面了,但很多CSSer新手初来本站,依然云里雾里,现整理一些DIVCSS网页布局常用的一些基础知识,供大家学习,欢迎补充及提一些建议。 CSS命名规范 一.文件命名规范 全局样式:glob[详细]
-
IE浏览器BUG测试的CSS代码
所属栏目:[经验] 日期:2018-08-27 热度:171
烈火建站学院(LieHuo.Net)讯 请运行代码查看演示,或者先修改部分代码! !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtml xml:lang=zh-cn[详细]
-
CSS规则的结构和Grouping、class和id
所属栏目:[经验] 日期:2018-08-27 热度:194
2.1 规则的结构 rules::=selector 左括号declarations右括号declarations::= declaration{SEMICOLONdeclaration}[SEMICOLON]SEMICOLON::=分号declaration::=propertyCOLON valueCOLON::=冒号value::=keyword listkeyword list::=keyword{SPACEkeyword}SPAC[详细]
-
HTML 4.01、XHTML 1.0 Strict和Transitional 的区别
所属栏目:[经验] 日期:2018-08-27 热度:81
XHTML这个被认为是HTML 4的继任者,是HTML和XML的结合体。通过结合 XML和HTML的功能,XHTML使得Web内容更易于被电话、手持设备以及电视等访问。W3C将XHTML 1.0分为三种规范:Strict(严格)、Transitional(过渡)和Frameset(框架)。 XHTML 1.0 Strict([详细]
-
CSS样式分析:前景色、背景、边框
所属栏目:[经验] 日期:2018-08-27 热度:53
烈火网(LieHuo.Net)教程 CSS样式分析:前景色、背景、边框。前景色:color。color对border的影响: 前景色影响边框颜色可以看到p边框的颜色是和color的颜色是一样的。 背景:元素的背景区包含前景之下知道边框外边界的所有空间,包含内容框、内边距,且延[详细]
-
实例教程:理解CSS浮动(Float)属性
所属栏目:[经验] 日期:2018-08-27 热度:170
浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。 CSS 浮动 请看下图,当把框 1 向右浮动时,它脱离文档流并且向右移动,直到它的[详细]