-
IE浏览器中checkbox刷新后自动初始化的问题
所属栏目:[产品] 日期:2018-09-17 热度:95
在项目中有一个需求,要求页面中的checkbox在页面刷新或后退时都要重新初始化,即处于未选中的状态,不保存之前的状态。初一看这个功能很简单,一个checkbox,加一段脚本,把这个checkbox的checked属性设为false。 Copy to Clipboard 引用的内容:[www.ver[详细]
-
YUI3设计中的激进和妥协
所属栏目:[产品] 日期:2018-09-17 热度:151
相信每个前端工程师都有自己喜爱的javascript框架,说情感也好,道信仰也罢,javascript框架带给人的不仅仅是便捷的开发,更有一种纯粹的逻辑美感,不管是jquery曼妙的简洁,还是yui魔术般的沙箱,都使我们产生无穷的想象。然而,js框架却又必然无法做到面[详细]
-
使用!important解决IE与FF的布局差别
所属栏目:[产品] 日期:2018-09-15 热度:106
初学div+css网页布局的设计者常常会被一个问题困扰着。在IE和其他(Mozilla、 Opera 等)浏览器里显示的效果常常会偏差2px。这是因为IE对盒之间距离的解释的bug造成的。一个技巧提示帮我们找到了解决的方法:用!important。 !important是CSS1就定义的语法,[详细]
-
Blockquote实现引用文本块的引号效果
所属栏目:[产品] 日期:2018-09-15 热度:152
使用一个blockquote添加两张引号图片实现引用文本引号效果。方法是分别在blockquote和blockquote:first-letter添加背景图片。 1.html源代码 blockquoteHello, I am a double quote.../blockquote Copy to Clipboard 引用的内容:[www.veryhuo.com] 2.样式[详细]
-
Web设计经验:网页布局中的黄金分割
所属栏目:[产品] 日期:2018-09-15 热度:142
数学 是优美的. 听上去有点奇怪? 当我第一次开始设计作品的时候,我确信如此。数学如此刻板乏味。你可能会惊讶的发现,最美观的设计,艺术作品,物体,甚至我们人都有数学上的共同点。尤其是黄金分割,也被称为神之比例,希腊字母表示其为 (phi). 本教程会[详细]
-
网页基础教程:如何设计网页布局?
所属栏目:[产品] 日期:2018-09-15 热度:194
这是初学者可能会问的问题,其实这要具体情况具体分析的:比如如果内容非常多,就要考虑用国字型或拐角型;而如果内容不算太多而一些说明性的东西比较多,则可以考虑标题正文型;那几种框架结构的一个共同特点就是浏览方便,速度快,但结构变化不灵活;而如果[详细]
-
IE7、IE8下全屏的解决方案
所属栏目:[产品] 日期:2018-09-13 热度:143
网上有很多介绍IE7或者 IE8 全屏解决方案,有的说修改注册表,有的说用ActivieX控件,但是经过测试都不能正常使用,甚至有的说IE7/IE8根本没有办法实现全屏,但是我们想一下,微软做的软件产品能这么弱智么?是一定能实现的,下面就实现方案及步骤进行介绍[详细]
-
给网页使用正确的doctype声明-W3C标准
所属栏目:[产品] 日期:2018-09-13 热度:148
用dw设计网页时,代码最前面总要出现一个下面的代码,这个是dw自动在网页文件页增加了dtd信息(DOCTYPE声明),可以删。删除后,浏览器会使用的默认dtd。 很多设计师和开发者都不知道什么是DOCTYPE,DOCTYPE有什么用。DOCTYPE是document type的简写。主要用[详细]
-
网页设计师必须知道的10项SEO技巧
所属栏目:[产品] 日期:2018-09-13 热度:124
如今,Web设计师在设计Web外观与风格的同时,往往还负责了前端代码的编写。换句话说,SEO的相当一部分责任是落在他们肩上的。然而,大量的Web设计师对SEO的熟悉程度仍不足以让他们写出一个符合要求的Web。这一现象决定了本文存在的意义,一篇旨在为普通Web[详细]
-
X-UA-Compatible设置IE浏览器的兼容模式
所属栏目:[产品] 日期:2018-09-13 热度:128
文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性,如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式。 前言 为了帮助确保你的网页在所有未来的IE版本都有一致的外观,IE8引入了文件兼容性。在IE6中引入一个增设的兼容性[详细]
-
如何在浏览器地址栏显示网页小图标
所属栏目:[产品] 日期:2018-09-13 热度:51
如何在浏览器地址栏显示网页小图标?在网页的标签里添加下面两行代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]!-- 设置网页图标-- link rel=shortcut icon href=/favicon.ico !-- 设置地址栏图标-- link rel=icon type=image/gif href=/animate[详细]
-
不使用框架技术 如何让IE8支持DOM 2
所属栏目:[产品] 日期:2018-09-13 热度:141
众所周知, IE8 开放了对DOM原型的支持以及ECMA v5的两个新方法Object.defineProperty和Object.getOwnPropertyDescriptor(单词好长),并且这两个新方法居然只能用于DOM。微软此举的意图很明显以一种极小的代价实现 DOM2的全部接口。这里举两个例子: Cop[详细]
-
IE8 滤镜(filter:alpha)与png透明失效的问题
所属栏目:[产品] 日期:2018-09-13 热度:105
IE8 的有些特性,往往因为一些神秘的不明原因而导致失效。昨又碰见了俩。其实这个也不是昨碰见的,好长一段时间了,只是一直没花时间去解决它,到昨儿才去寻医问药。 先说第一个,filter:alpha失效。症状是这样的,在我的IE8,类似filter:alpha(opacity=35[详细]
-
动态宽度的框架设计:等宽导航栏
所属栏目:[产品] 日期:2018-09-13 热度:104
随着宽屏显示器的流行,越来越多的网站采用了动态宽度的设计,以求页面在宽屏显示器上保持美观(960px的网页在23寸的显示器上只有半个屏幕的宽度)。动态宽度的框架设计比较复杂,今天只说说和屏幕等宽的导航栏的设计。 等宽导航栏(我不知道这个名称合不合适[详细]
-
网页下拉菜单被select框遮盖的解决方法
所属栏目:[产品] 日期:2018-09-13 热度:164
导航的下拉菜单被靠近导航的select框遮住了,这个情况只在IE6情况下发生,属于IE6的一个缺陷,先不管多么痛恨IE的种种不是吧,现在网上比较流行的方法目前大致有三种: 1.点击下拉菜单隐藏select //我觉得这个方法不太实用 2.把下拉菜单放在iframe元素上面[详细]
-
定位层始终保持在当前可见屏
所属栏目:[产品] 日期:2018-09-13 热度:142
看到过很多这样的广告,页面两边各放一个方块图片广告,拖动滚动条时广告随之动滚,始终停留在当前屏幕的下方或上方。对于这种漂浮广告,我相信很多用户都非常不爽! 看下面两个图的应用。当同一种技术实现的效果被应用在了不同的地方,就产生了明显的体验[详细]
-
在框架中用WebBrowser打印指定框架页面
所属栏目:[产品] 日期:2018-09-11 热度:102
相信许多人都用过WebBrowser做打印预览及打印,在使用中经常遇到的一个问题是当框架中一个页面用ExecWB(7,1)进行打印预览的时候发布并没有预览当前页面,而是所有框架的页面,其实在页面中执行ExecWB(7,1)相当于在 IE中点击文件---打印预览预览的是用户[详细]
-
IE浏览器下通用的加入收藏功能代码
所属栏目:[产品] 日期:2018-09-11 热度:161
烈火网(LieHuo.Net)教程 作为一名网站设计者,在建设网站的时候,经常需要用到 加入收藏 这一功能,在日常的设计中,我们经过使用的是传统的方法(见代码一),而今天介绍给大家的通用收藏夹功能(见下面的可运行代码)就是一个非常方便的代码,只要您将代[详细]
-
IE浏览器链接字体大小不一与下划线粘连问题
所属栏目:[产品] 日期:2018-09-11 热度:67
发生下划线粘连的条件: 1、IE7+,UTF-8编码,宋体 (使用GB2312、GBK编码无此问题) 发生下划线对不齐的条件: 1、IE6,UTF-8编码,vertical-align:middle,宋体 2、IE7,UTF-8编码,vertical-align:middle,非宋体 (使用GB2312、GBK编码无此问题) 可选的解[详细]
-
未定义高度的非表格垂直对齐的方法
所属栏目:[产品] 日期:2018-09-11 热度:157
图片与文本混排的时候想让图片相对于文本垂直居中实现方法如下: 注:display为inline-block的元素既可以像块状元素一样定义高度宽度,又可以和内联元素(比如文字)排列在一行。最常见的莫过于设计导航时,既可以像inline元素那样实现居中,又可以设置像bl[详细]
-
实现IE6下png图片透明的完美解决方法
所属栏目:[产品] 日期:2018-09-11 热度:93
我们都知道png是一种无损压缩的计算机图形格式,在表现力上,特别是Web设计方面,它能够达到其他图形格式所达不到的效果。但IE6对于PNG的不透明度支持的并不好。怎么解决呢?经过模索,终于找到了解决方案,如下: A:处理图片 1.用GIF代替,但周围会有毛[详细]
-
IE6 下 div 无法覆盖 select 的问题
所属栏目:[产品] 日期:2018-09-09 热度:192
问题:IE6下,div无法覆盖select 定义和用法 select 元素可创建单选或多选菜单。 当提交表单时,浏览器会提交选定的项目,或者收集用逗号分隔的多个选项,将其合成一个单独的参数列表,并且在将 select 表单数据提交给服务器时包括 name 属性。 解决方案:[详细]
-
利用a的一个选项形式
所属栏目:[产品] 日期:2018-09-09 热度:108
烈火网(LieHuo.Net)教程 很多的选项卡都是用JS去完成的,这个效果也是之前在经典论坛看到别人使用的,很有想法,记录下来。 Copy to Clipboard 引用的内容:[www.veryhuo.com]#Tab{width:300px;line-height:30px;overflow:hidden;} #Tab li{float:left;wid[详细]
-
FireFox下table或div整体居中问题
所属栏目:[产品] 日期:2018-09-09 热度:130
FireFox下table或div整体居中问题 div id=container div id=content /div /div 使content层在container层中居中,在IE下只需要设置 #container{text-align:center} 即可,但是在FireFox下需要如下设置css #container{text-align:center} #content{margin:0[详细]
-
Content-Type问题总结
所属栏目:[产品] 日期:2018-09-09 热度:176
web服务器在向浏览器发送任何内容的时候,都会先发送相应的header头。无论是html文本,还是gif,jpg等文件。 header信息里面一般会包含: Date,Server,Last-Modified,Etag,Content-Length,Content-Type等等信息。 深入了解header里面的信息很有必要,[详细]