-
关于CSS Selector的优先级
所属栏目:[经验] 日期:2018-10-07 热度:104
今天在google reader上看到一篇博文,然后在问了组里的几位同事之后才发现自己曾经一直对css selector的理解存在着误区。据说老外的文章中很早就提到了关于css selector是优先级算法,只是到了国内被部分人员翻译之后,误解了其中的含义,导致现在很多人以[详细]
-
CSS自定义滚动条样式
所属栏目:[经验] 日期:2018-10-07 热度:157
相信很多人都遇到过在设计中自定义滚动条样式的情景,之前我都是努力说服设计师接受浏览器自带的滚动条样式,但是这样只能规避还是解决不了问题,最近在项目中遇到了,正好来总结一下。当然,兼容所有浏览器的滚动条样式目前是不存在的。 IE下的滚动条样式[详细]
-
JavaScript计算iframe高度
所属栏目:[经验] 日期:2018-10-07 热度:91
Java Script 计算iframe高度,方便做到高度自适应: Math.min(iframe.contentWindow.window.document.documentElement.scrollHeight, iframe.contentWindow.window.document.body.scrollHeight);[详细]
-
IE6 CSS bug: position:relative变成了absolute
所属栏目:[经验] 日期:2018-10-07 热度:166
BUG描述: 页面中块级元素用了position:relative,bottom=-1px等元素定位,会表现出postion:absolute的行为. 解决方法: 方法1. 为此元素最外层父亲元素添加属性position:relative, 注意是最外层. 方法2. 把此元素的position:relative变成默认的static定位,[详细]
-
利用 iframe 假装异步提交表单
所属栏目:[经验] 日期:2018-10-07 热度:125
异步提交表单,但需要跨域,POST 是靠不住的,幸好 YUI3 提供了强大的 Y.Get.script 模块。后来,伟大的饺子哥说,可以直接用 Form 提交,纳尼?看看代码吧 : iframe name=mangguo/iframe假如有个表单: form method=post action=http://www.mangguo.org/[详细]
-
Css Position的用法:一个简单的代码实例
所属栏目:[经验] 日期:2018-10-07 热度:83
Css Position的用法:一个简单的代码实例,这是使用CSS定位属性position的实例,在使用定位属性的时候,还要使用其他的辅助属性,才能正常显示。 大家自己看代码吧![详细]
-
网站首页顶部添加背景图片的修改代码
所属栏目:[经验] 日期:2018-10-07 热度:117
在节日的时候,我们经常看到一些门户网站的顶部添加了大幅的网页背景,还有的带关闭功能,不但给节日添加了气氛,而且获得了访客的好评。在新年就要到来之际,烈火网给大家准备了一些背景素材图片及PSD文件,需要的朋友请到这里下载。考虑到很多朋友不会使[详细]
-
CSS 树形列表布局,类似word中的编号列表
所属栏目:[经验] 日期:2018-10-07 热度:149
用CSS布局一个类似树形的列表,类似word中的编号列表,不是一般的列表,梯形的样子,这个例子是为了介绍CSS中Li的用法,平时这种树形列表不多见,希望对你学习CSS有帮助。 实例代码:Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC[详细]
-
关于 Css 清除浮动属性及相关示例
所属栏目:[经验] 日期:2018-10-07 热度:148
Css 清除浮动属性示例的小例子,不要小看清除浮动哦,有时候你忘记了这个,会把你搞的一头雾水,以为其它地方弄错了,清除浮动其实就没两句代码,但是重要性不容忽视。 实例代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC -[详细]
-
CSS美化超链接Hover属性,有网页按钮效果
所属栏目:[经验] 日期:2018-10-07 热度:65
烈86火54网(LieHuo36.Net)教65程 使用CSS制作一个漂亮的按钮链接,有要原理是使用了A链接的Hover属性,定义成与A:Hover不一样的颜色和边框,这样在鼠标放上去的时候,会出现两种反差较大的效果,这就是CSS制作按钮的基本思路,对于新手来说,有助于帮助您[详细]
-
使用CSS控制打印页面格式
所属栏目:[经验] 日期:2018-10-07 热度:119
由于客户要求,打印时需把打印的按钮去掉。这个时候就用到了控制打印的样式表了。 link rel=stylesheet type=text/css media=print href=print.css / 正因为xhtml和css是分离的,所以我们可以在print.css里自由书写需要打印显示的内容和表现形式。那么这也[详细]
-
CSS3 Media Queries使用方法详解
所属栏目:[经验] 日期:2018-10-07 热度:191
在css2中允许我们使用media的属性,例如使用screen和print,我也写过一篇关于使用CSS media的print来定义打印网页的样式的文章,关于css2中的media文章,推荐下w3c的。今天来说说CSS3的Media Queries。CSS3中不仅仅可以使用screen和print,而且支持多媒体[详细]
-
CSS创建竖排文字的简单方法,有演示
所属栏目:[经验] 日期:2018-10-07 热度:105
在制作网页的时候我们经常需要创建一些竖排的文字,或许这对你来说是一件很简单的事情,但是你是否想过用CSS可有N种创建竖排文字的方法?下面是由我翻译自Nettuts+的文章,希望这几种方法能够给你带来一些提示。 方法一:br /标签 一种可能的方法(但不推荐[详细]
-
神奇的 CSS 元素透明法
所属栏目:[经验] 日期:2018-10-07 热度:81
1、HTML 元素透明 其实本身,CSS 实现元素透明是件容易事儿。直接上代码: opacity:.5 opacity 指的是不透明度,取值为 0~1 之间,1 表示完全不透明,0 表示完全透明。 A 级浏览器基本都支持 opacity 属性,但碰上 IE,总没好事。不过 IE 有滤镜,可以帮助[详细]
-
给Button/input添加链接,前进,后退等功能
所属栏目:[经验] 日期:2018-10-07 热度:141
给Button/input添加链接,前进,后退等功能,看标题,大家就应该明白是怎么回事了,我们在日常的网页制作中使用a超级链接最多,而给按钮添加链接,有一部分朋友可能没用到过,今天烈火小编就把与button、input相关的链接,前进,后退,弹出确认alert窗口等的[详细]
-
IE 表单控件的按钮聚焦问题
所属栏目:[经验] 日期:2018-10-07 热度:195
按钮的写法有两种,一种是 input value=按钮/ 或者 button按钮/button,如果按钮用于表单提交,还必须加上 type 属性(type=submit)。为了美化按钮效果,一般会设置背景和边框属性。 但在 IE 下,表单区域获得焦点的情况下,如果按钮的 type 属性被设置为[详细]
-
CSS切换文本输入框input为英文输入模式
所属栏目:[经验] 日期:2018-10-07 热度:161
烈83火63网(LieHuo34.Net)教21程 这是一个纯CSS代码实现的功能,将表单中的文本框自动切换为英文输入模式,有意思吧,可以用于限制输入数字和字符。 此为网友投入,烈火没有测试,代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]html head ti[详细]
-
onmouseover的td里面有a标签时晃动
所属栏目:[经验] 日期:2018-10-06 热度:77
这是因为当鼠标移动到td里面的 a 上时,td 的 onmouseout 事件会被触发。 然后 a 的 onmouseover 被触发,由事件传递链,向上又发送到td, 因此 td 的 onmouseover 再次触发,于是就会有闪烁了。 有两种方法可以解决,第一,在 td 的onmouseout 中,对 event[详细]
-
css box-shadow阴影不透明的解决办法
所属栏目:[经验] 日期:2018-10-06 热度:67
你在使用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 热度:199
下面的例子中,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 热度:66
今天群上面同志们在讨论css3内发光效果,自己也就研究一下,写了个效果出来,涉及css3投影,渐变,蒙版,伪类等知识点,现在写下设计思路,仅供参考。发个效果图大家看先: 一般我们都是用css3的box-shadow来实现盒投影,用text-shadow来实现文字投影,box[详细]
-
基于HTML5的小球物理测试系统,附实现原理
所属栏目:[经验] 日期:2018-10-06 热度:131
副标题#e# 在线演示:基于HTML5的小球物理测试系统 源码下载:点击进入下载页 功能说明: 一个基于HTML5 canvas的小球物理测试系统,用户可以手动为新的小球设置不同的属性值(颜色,半径,速度等),从而在canvas中发射小球,小球在 运动 过程中会收到重力[详细]
-
Css技巧:div下图片自适应大小的解决办法
所属栏目:[经验] 日期:2018-10-06 热度:111
今天,烈火网小编的一位站长朋友在修改模板时遇到一个DIV与图片自适应大小的问题,看了一下,这样的问题原因很简单,归结就是没有给div设置高度和宽度,那么当你设置了宽高以后也就无法自适应了,搜索了一下,找到一些解决实例,现在分享给大家: 以前的解[详细]
-
Css 自定义文件上传控件样式(兼容 IE6)
所属栏目:[经验] 日期:2018-10-06 热度:160
要想直接通过 CSS 来控制文件上传控件,基本没戏的。当然也有一些解决方案,例如 Mr.Think 的这篇文章《利用label标签和CSS美化文件上传表单(不兼容IE6)》。昨天也恰好遇到了这个问题,顺手记录下吧。 首先,给 input type=file 元素戴个套子,这样比较安[详细]
-
一行代码解决IE8浏览器兼容问题
所属栏目:[经验] 日期:2018-10-06 热度:190
一行代码解决 IE8 浏览器与IE7之间的兼容性问题,热门的tag非IE8莫属,各浏览器厂商争相发布版本更新,部分网页也存在与IE8的兼容性问题,简单一行代码,让IE8自动调用IE7的渲染模式,只需要在页面中加入meta http-equiv=X-UA-Compatible content=IE=Emula[详细]

浙公网安备 33038102330484号