-
Firefox Input Button Line-Height Bug
所属栏目：[产品] 日期：2018-10-04 热度：85
最近国外有开发者发现 Firefox 和 Opera 的一个BUG：无法改变按钮里文字的行高（包括input type=sumbit和HTML的button标签）。举个例子，对一个按钮使用以下样式： input#button { border: 2px solid #06f; color: #06f; background-color: #6cf; font: bo[详细]
-
一个基于mootools的圆角边框扩展
所属栏目：[产品] 日期：2018-10-04 热度：144
做圆角边框一般有两种方法，背景图片或者DIV+CSS拼出来。 JQuery下面有个扩展是用纯JS生成的圆角，不过和DIV+CSS拼出来是一样的道理，圆角看上去都比较粗糙。 用背景图片要好看得多，问题是不能拉伸，最简单做法就是用四个角小图片加边框拼出来。不过这样[详细]
-
模仿淘宝网滚动条 window.onscroll事件
所属栏目：[产品] 日期：2018-10-04 热度：197
一、scrolltop解释： Copy to Clipboard 引用的内容：[www.veryhuo.com]div id=container style=background-color:silver; width:100px; height:100px; overflow:auto; p style=background-color:red; web前端开发工程师的随记黑妞haha,My job is my caree[详细]
-
关于启用Gzip压缩需要注意的问题
所属栏目：[产品] 日期：2018-09-30 热度：76
今天看《Even Faster Web Sites》里面的的Going Beyond Gzipping，觉得写得很细，写个随笔记录下。 这章提到虽然服务端开启了Gzip压缩，但是还是有部分请求(好像大概在10%左右)的输出没有进行压缩。造成这种情况的主要原因不是客户端不支持Gzip，而是代理[详细]
-
Firefox不支持background-position语法
所属栏目：[产品] 日期：2018-09-25 热度：125
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-25 热度：118
在IE7中动态操作select的时候会出现下面的问题 BUG症状： 正常效果： 问题就是多个select由于内容变化，但是不会自动排列位置。暂时只是在IE7中发现这个问题。 解决办法： 将需要填充的Select 后面的Select全部隐藏，内容添加结束以后，重新显示，就会自动[详细]
-
IE浏览器中checkbox刷新后自动初始化的问题
所属栏目：[产品] 日期：2018-09-25 热度：166
在项目中有一个需求，要求页面中的checkbox在页面刷新或后退时都要重新初始化，即处于未选中的状态，不保存之前的状态。初一看这个功能很简单，一个checkbox，加一段脚本，把这个checkbox的checked属性设为false。 Copy to Clipboard 引用的内容：[www.ver[详细]
-
YUI3设计中的激进和妥协
所属栏目：[产品] 日期：2018-09-25 热度：111
相信每个前端工程师都有自己喜爱的javascript框架，说情感也好，道信仰也罢，javascript框架带给人的不仅仅是便捷的开发，更有一种纯粹的逻辑美感，不管是jquery曼妙的简洁，还是yui魔术般的沙箱，都使我们产生无穷的想象。然而，js框架却又必然无法做到面[详细]
-
IE7、IE8下全屏的解决方案
所属栏目：[产品] 日期：2018-09-25 热度：164
网上有很多介绍IE7或者 IE8 全屏解决方案，有的说修改注册表，有的说用ActivieX控件，但是经过测试都不能正常使用，甚至有的说IE7/IE8根本没有办法实现全屏，但是我们想一下，微软做的软件产品能这么弱智么？是一定能实现的，下面就实现方案及步骤进行介绍[详细]
-
给网页使用正确的doctype声明-W3C标准
所属栏目：[产品] 日期：2018-09-25 热度：174
用dw设计网页时,代码最前面总要出现一个下面的代码，这个是dw自动在网页文件页增加了dtd信息（DOCTYPE声明），可以删。删除后，浏览器会使用的默认dtd。 很多设计师和开发者都不知道什么是DOCTYPE，DOCTYPE有什么用。DOCTYPE是document type的简写。主要用[详细]
-
网页设计师必须知道的10项SEO技巧
所属栏目：[产品] 日期：2018-09-25 热度：193
如今，Web设计师在设计Web外观与风格的同时，往往还负责了前端代码的编写。换句话说，SEO的相当一部分责任是落在他们肩上的。然而，大量的Web设计师对SEO的熟悉程度仍不足以让他们写出一个符合要求的Web。这一现象决定了本文存在的意义，一篇旨在为普通Web[详细]
-
X-UA-Compatible设置IE浏览器的兼容模式
所属栏目：[产品] 日期：2018-09-25 热度：50
文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性，如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式。 前言 为了帮助确保你的网页在所有未来的IE版本都有一致的外观，IE8引入了文件兼容性。在IE6中引入一个增设的兼容性[详细]
-
如何在浏览器地址栏显示网页小图标
所属栏目：[产品] 日期：2018-09-25 热度：70
如何在浏览器地址栏显示网页小图标？在网页的标签里添加下面两行代码： 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-25 热度：160
众所周知， IE8 开放了对DOM原型的支持以及ECMA v5的两个新方法Object.defineProperty和Object.getOwnPropertyDescriptor（单词好长），并且这两个新方法居然只能用于DOM。微软此举的意图很明显以一种极小的代价实现 DOM2的全部接口。这里举两个例子： Cop[详细]
-
IE8 滤镜(filter:alpha)与png透明失效的问题
所属栏目：[产品] 日期：2018-09-19 热度：54
IE8 的有些特性，往往因为一些神秘的不明原因而导致失效。昨又碰见了俩。其实这个也不是昨碰见的，好长一段时间了，只是一直没花时间去解决它，到昨儿才去寻医问药。 先说第一个，filter:alpha失效。症状是这样的，在我的IE8，类似filter:alpha(opacity=35[详细]
-
动态宽度的框架设计：等宽导航栏
所属栏目：[产品] 日期：2018-09-19 热度：98
随着宽屏显示器的流行，越来越多的网站采用了动态宽度的设计，以求页面在宽屏显示器上保持美观(960px的网页在23寸的显示器上只有半个屏幕的宽度)。动态宽度的框架设计比较复杂，今天只说说和屏幕等宽的导航栏的设计。 等宽导航栏(我不知道这个名称合不合适[详细]
-
网页下拉菜单被select框遮盖的解决方法
所属栏目：[产品] 日期：2018-09-19 热度：108
导航的下拉菜单被靠近导航的select框遮住了，这个情况只在IE6情况下发生，属于IE6的一个缺陷，先不管多么痛恨IE的种种不是吧，现在网上比较流行的方法目前大致有三种： 1.点击下拉菜单隐藏select //我觉得这个方法不太实用 2.把下拉菜单放在iframe元素上面[详细]
-
定位层始终保持在当前可见屏
所属栏目：[产品] 日期：2018-09-19 热度：70
看到过很多这样的广告，页面两边各放一个方块图片广告，拖动滚动条时广告随之动滚，始终停留在当前屏幕的下方或上方。对于这种漂浮广告，我相信很多用户都非常不爽！ 看下面两个图的应用。当同一种技术实现的效果被应用在了不同的地方，就产生了明显的体验[详细]
-
使用!important解决IE与FF的布局差别
所属栏目：[产品] 日期：2018-09-19 热度：50
初学div+css网页布局的设计者常常会被一个问题困扰着。在IE和其他(Mozilla、 Opera 等)浏览器里显示的效果常常会偏差2px。这是因为IE对盒之间距离的解释的bug造成的。一个技巧提示帮我们找到了解决的方法：用!important。 !important是CSS1就定义的语法，[详细]
-
Blockquote实现引用文本块的引号效果
所属栏目：[产品] 日期：2018-09-19 热度：84
使用一个blockquote添加两张引号图片实现引用文本引号效果。方法是分别在blockquote和blockquote：first-letter添加背景图片。 1.html源代码 blockquoteHello, I am a double quote.../blockquote Copy to Clipboard 引用的内容：[www.veryhuo.com] 2.样式[详细]
-
Web设计经验：网页布局中的黄金分割
所属栏目：[产品] 日期：2018-09-19 热度：61
数学 是优美的. 听上去有点奇怪? 当我第一次开始设计作品的时候，我确信如此。数学如此刻板乏味。你可能会惊讶的发现，最美观的设计，艺术作品，物体，甚至我们人都有数学上的共同点。尤其是黄金分割，也被称为神之比例，希腊字母表示其为 (phi). 本教程会[详细]
-
网页基础教程：如何设计网页布局？
所属栏目：[产品] 日期：2018-09-19 热度：178
这是初学者可能会问的问题，其实这要具体情况具体分析的：比如如果内容非常多，就要考虑用国字型或拐角型;而如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文型;那几种框架结构的一个共同特点就是浏览方便，速度快，但结构变化不灵活;而如果[详细]
-
蒙版flash在网页图片上的显示
所属栏目：[产品] 日期：2018-09-19 热度：54
Copy to Clipboard 引用的内容：[www.veryhuo.com]table width=756 border=0 align=center cellpadding=0 cellspacing=0 tr td valign=toptable width=756 border=0 cellspacing=0 cellpadding=0 tr td background=images/top.jpgobject classid=clsid:D27[详细]
-
网页设计中Hover属性的充分利用
所属栏目：[产品] 日期：2018-09-19 热度：117
通常，我们改变：font color，font styles， border styles，background等属性来实现hover的划过效果。但是其实我们可以运用hover做更多的东西。我们可以运用它美化设计，减少混乱和显示更多的额外信息。在这篇文章中，我将展示许多站点出色运用hover属性[详细]
-
英文的自动换行的问题与兼容性解决方法
所属栏目：[产品] 日期：2018-09-10 热度：92
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 h[详细]
浙公网安备 33038102330475号