-
网页设计中Hover属性的充分利用
所属栏目:[产品] 日期:2018-09-14 热度:146
通常,我们改变:font color,font styles, border styles,background等属性来实现hover的划过效果。但是其实我们可以运用hover做更多的东西。我们可以运用它美化设计,减少混乱和显示更多的额外信息。在这篇文章中,我将展示许多站点出色运用hover属性[详细]
-
网站导航栏的设计趋势
所属栏目:[产品] 日期:2018-09-14 热度:58
前言 今天在一国外网站看到一篇08年的文章,讲的是网站导航栏的设计趋势,写得相当全面,而且其中一些趋势到现在还是很新潮的,翻译一下,有删改。 正文 导航是网站设计中最重要的元素。由于用户很难在没有导航的情况下去浏览一个网站里的内容,因此一个设[详细]
-
区别div和span、relative和absolute、display和visibility
所属栏目:[产品] 日期:2018-09-14 热度:52
div和span、relative和absolute、display和visibility是很容易混淆和弄错的HTML标签与CSS属性,今天简单的罗列出它们的区别与使用要点,供大家参考。 一、div和span的区别 div是一个块级元素,可以包含段落,表格等内容,用于放置不同的内容。一般我们在网[详细]
-
Border-style:double在IE和FireFox之间的差异
所属栏目:[产品] 日期:2018-09-14 热度:71
Css中我们经常使用border属性来实现边框效果。在所有的border-style中,solid一直为我们常用。尽管dotted属性我们也经常用到,但是该属性在IE中效果很差。这篇文章要讨论的是另外一个我们不经常用到的属性:double。 下面是border-style:double属性在IE和F[详细]
-
前台开发从头说起:关于web标准化
所属栏目:[产品] 日期:2018-09-14 热度:61
虽然CSS在表现方面天生具有很多优势,但是如果不是web标准化的盛行,估计CSS不会达到今天这样的热门。所以要说CSS,肯定要从web标准化说起。实际上,对CSS的理解越深,才能越好地理解和使用CSS。 很多人对于web标准化的理解就是DIV+CSS,或者IE、FF、 Chro[详细]
-
完美解决Dreamweaver打开关闭时弹出的错误提示
所属栏目:[产品] 日期:2018-09-14 热度:178
这两天打开Dreamweaver CS4,总是弹出一个错误,写着: 在onLoad运行RecordsetFind.htm时,发生了以下 Java Script错误: 在文件RecordsetFind中: findRs is not defined 在关闭Dreamweaver CS4的时候也会弹出一个类似的错误, 在onLoad运行TeamAdminTempD[详细]
-
Dreamweaver代码模式输入不自动提示的解决方法
所属栏目:[产品] 日期:2018-09-14 热度:79
Dreamweaver代码不自动提示的问题,不论是HTML还是CSS,在网上搜索了半天,大部分是Ctrl+Space的方法,也就是说Dreamweaver的代码自动提示快捷键和输入法切换相冲突,按他们的方法,我的根本解决不了。 后来终于找到了解决方法:打开Dreamweaver的编辑》首[详细]
-
获取元素和鼠标的位置(兼容所有浏览器)
所属栏目:[产品] 日期:2018-09-14 热度:163
获取元素和鼠标的位置(兼容IE6.0,IE7.0, IE8 .0,FireFox2.0,FireFox3.5, Opera ),该功能是我一同事钻研出来的,目标是为了实现与QQ自定义布局和拖放模块类似的功能。 Copy to Clipboard 引用的内容:[www.veryhuo.com]//获取元素的位置 function getLef[详细]
-
IE不支持option的display样式的解决方案
所属栏目:[产品] 日期:2018-09-14 热度:129
想实现一个很简单的功能:当选中中介时,不显示求购与求租。本以为通过display:none即可实现,结果发现在option元素上使用display:none在firefox中有效,在IE6、IE7、 IE8 中都无效。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http:/[详细]
-
关于启用Gzip压缩需要注意的问题
所属栏目:[产品] 日期:2018-09-13 热度:121
今天看《Even Faster Web Sites》里面的的Going Beyond Gzipping,觉得写得很细,写个随笔记录下。 这章提到虽然服务端开启了Gzip压缩,但是还是有部分请求(好像大概在10%左右)的输出没有进行压缩。造成这种情况的主要原因不是客户端不支持Gzip,而是代理[详细]
-
Firefox不支持background-position语法
所属栏目:[产品] 日期:2018-09-13 热度:198
firefox不支持background-position-x,background-position-y 今天又学了一招,firefox不支持background-position-x,background-position-y 例如: background-position-x:30px; background-position-y:5px; 需要改成: background-position:30px 5px; 烈火[详细]
-
IE7下多个Select互相重叠的解决方法
所属栏目:[产品] 日期:2018-09-13 热度:199
在IE7中动态操作select的时候会出现下面的问题 BUG症状: 正常效果: 问题就是多个select由于内容变化,但是不会自动排列位置。暂时只是在IE7中发现这个问题。 解决办法: 将需要填充的Select 后面的Select全部隐藏,内容添加结束以后,重新显示,就会自动[详细]
-
IE浏览器中checkbox刷新后自动初始化的问题
所属栏目:[产品] 日期:2018-09-13 热度:107
在项目中有一个需求,要求页面中的checkbox在页面刷新或后退时都要重新初始化,即处于未选中的状态,不保存之前的状态。初一看这个功能很简单,一个checkbox,加一段脚本,把这个checkbox的checked属性设为false。 Copy to Clipboard 引用的内容:[www.ver[详细]
-
YUI3设计中的激进和妥协
所属栏目:[产品] 日期:2018-09-13 热度:92
相信每个前端工程师都有自己喜爱的javascript框架,说情感也好,道信仰也罢,javascript框架带给人的不仅仅是便捷的开发,更有一种纯粹的逻辑美感,不管是jquery曼妙的简洁,还是yui魔术般的沙箱,都使我们产生无穷的想象。然而,js框架却又必然无法做到面[详细]
-
IE7、IE8下全屏的解决方案
所属栏目:[产品] 日期:2018-09-12 热度:174
网上有很多介绍IE7或者 IE8 全屏解决方案,有的说修改注册表,有的说用ActivieX控件,但是经过测试都不能正常使用,甚至有的说IE7/IE8根本没有办法实现全屏,但是我们想一下,微软做的软件产品能这么弱智么?是一定能实现的,下面就实现方案及步骤进行介绍[详细]
-
给网页使用正确的doctype声明-W3C标准
所属栏目:[产品] 日期:2018-09-12 热度:192
用dw设计网页时,代码最前面总要出现一个下面的代码,这个是dw自动在网页文件页增加了dtd信息(DOCTYPE声明),可以删。删除后,浏览器会使用的默认dtd。 很多设计师和开发者都不知道什么是DOCTYPE,DOCTYPE有什么用。DOCTYPE是document type的简写。主要用[详细]
-
网页设计师必须知道的10项SEO技巧
所属栏目:[产品] 日期:2018-09-12 热度:106
如今,Web设计师在设计Web外观与风格的同时,往往还负责了前端代码的编写。换句话说,SEO的相当一部分责任是落在他们肩上的。然而,大量的Web设计师对SEO的熟悉程度仍不足以让他们写出一个符合要求的Web。这一现象决定了本文存在的意义,一篇旨在为普通Web[详细]
-
X-UA-Compatible设置IE浏览器的兼容模式
所属栏目:[产品] 日期:2018-09-12 热度:84
文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性,如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式。 前言 为了帮助确保你的网页在所有未来的IE版本都有一致的外观,IE8引入了文件兼容性。在IE6中引入一个增设的兼容性[详细]
-
如何在浏览器地址栏显示网页小图标
所属栏目:[产品] 日期:2018-09-12 热度:72
如何在浏览器地址栏显示网页小图标?在网页的标签里添加下面两行代码: 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-12 热度:132
众所周知, IE8 开放了对DOM原型的支持以及ECMA v5的两个新方法Object.defineProperty和Object.getOwnPropertyDescriptor(单词好长),并且这两个新方法居然只能用于DOM。微软此举的意图很明显以一种极小的代价实现 DOM2的全部接口。这里举两个例子: Cop[详细]
-
IE8 滤镜(filter:alpha)与png透明失效的问题
所属栏目:[产品] 日期:2018-09-12 热度:138
IE8 的有些特性,往往因为一些神秘的不明原因而导致失效。昨又碰见了俩。其实这个也不是昨碰见的,好长一段时间了,只是一直没花时间去解决它,到昨儿才去寻医问药。 先说第一个,filter:alpha失效。症状是这样的,在我的IE8,类似filter:alpha(opacity=35[详细]
-
动态宽度的框架设计:等宽导航栏
所属栏目:[产品] 日期:2018-09-12 热度:79
随着宽屏显示器的流行,越来越多的网站采用了动态宽度的设计,以求页面在宽屏显示器上保持美观(960px的网页在23寸的显示器上只有半个屏幕的宽度)。动态宽度的框架设计比较复杂,今天只说说和屏幕等宽的导航栏的设计。 等宽导航栏(我不知道这个名称合不合适[详细]
-
网页下拉菜单被select框遮盖的解决方法
所属栏目:[产品] 日期:2018-09-12 热度:172
导航的下拉菜单被靠近导航的select框遮住了,这个情况只在IE6情况下发生,属于IE6的一个缺陷,先不管多么痛恨IE的种种不是吧,现在网上比较流行的方法目前大致有三种: 1.点击下拉菜单隐藏select //我觉得这个方法不太实用 2.把下拉菜单放在iframe元素上面[详细]
-
定位层始终保持在当前可见屏
所属栏目:[产品] 日期:2018-09-12 热度:127
看到过很多这样的广告,页面两边各放一个方块图片广告,拖动滚动条时广告随之动滚,始终停留在当前屏幕的下方或上方。对于这种漂浮广告,我相信很多用户都非常不爽! 看下面两个图的应用。当同一种技术实现的效果被应用在了不同的地方,就产生了明显的体验[详细]
-
漂浮广告代码[可实现多个图片广告]
所属栏目:[产品] 日期:2018-09-11 热度:177
烈火网(LieHuo.Net)教程 一款可同时控制多个广告的漂浮广告代码, Java Script实现,按照代码中的注释将代码保存为指定文件,用的时候加载,在对应页面中加入示像代码就行了。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3[详细]