-
模块的opacity透明与PNG的阴影透明冲突
所属栏目:[创业经验] 日期:2018-10-13 热度:173
模块的透明设置:filter:alpha(opacity=80); opacity:0.8; PNG的透明设置:直接在制作PNF-24模式的图时留有透明度就可以 问题: 今天在处理F7Dialog2.0项目时发现一个问题,那就是在IE中设置了一个模块的透明度后如果该模块内有插入或者设置背景的图片中带[详细]
-
ID 是 CSS 的魔鬼
所属栏目:[创业经验] 日期:2018-10-13 热度:127
这个问题在网络上曾经谈论过无数次了,今天我又拿出来讲。主要是警戒喜欢使用ID的朋友。 正常情况下的HTML+CSS是不需要使用ID的,除非与JS挂钩时才使用,也就是说我们在编码过程中除非有JS要用到,就尽量不要使用ID。 尤其要注意的是在非特殊情况下编写CSS[详细]
-
学习HTML5的10个顶级资源
所属栏目:[创业经验] 日期:2018-10-06 热度:205
HTML5已经成为互联网行业的最新流行语,不少人相信这是Web的未来。即使没有加入该社区的人也承认,HTML5包括了本来应该从一开始的HTML规范中包含的功能。在这篇文章中,我们将告诉你大约10 个HTML5的资源,让您现在开始使用该技术。 1)HTML 5工作草案标准[详细]
-
onmouseover的td里面有a标签时晃动
所属栏目:[创业经验] 日期:2018-10-06 热度:102
这是因为当鼠标移动到td里面的 a 上时,td 的 onmouseout 事件会被触发。 然后 a 的 onmouseover 被触发,由事件传递链,向上又发送到td, 因此 td 的 onmouseover 再次触发,于是就会有闪烁了。 有两种方法可以解决,第一,在 td 的onmouseout 中,对 event[详细]
-
css box-shadow阴影不透明的解决办法
所属栏目:[创业经验] 日期:2018-10-06 热度:197
你在使用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 热度:196
下面的例子中,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 热度:138
今天群上面同志们在讨论css3内发光效果,自己也就研究一下,写了个效果出来,涉及css3投影,渐变,蒙版,伪类等知识点,现在写下设计思路,仅供参考。发个效果图大家看先: 一般我们都是用css3的box-shadow来实现盒投影,用text-shadow来实现文字投影,box[详细]
-
纯CSS3透明水晶盒的实现
所属栏目:[创业经验] 日期:2018-10-06 热度:139
打过了趟深圳回来后,已经快半个月,在广州购书中心逛了下,发现2本前端书《重构HTML-改善WEB应用的设计》、《CSS3 实战》,看了一半《重构HTML》,发现看不下去,里面写的感觉不是很受用,可能是现在水平有限,参透不了,于是放下看《CSS3》。之前脑子里[详细]
-
[译文]避免常见的六种HTML5错误用法
所属栏目:[创业经验] 日期:2018-10-06 热度:88
原文链接请点击此处,作者为Richard Clark. 本文为原创翻译,同时对原文做了一些简化处理。本文遵循署名-非商业性使用协议。 一、不要使用section作为div的替代品 人们在标签使用中最常见到的错误之一就是随意将HTML5的section等价于div具体地说,就是直接[详细]
-
纯Css实现网页上的Tips提示之小三角箭头
所属栏目:[创业经验] 日期:2018-10-06 热度:148
使用纯Css实现的网页上一个Tips提示效果,相信大家都在一些大网站见到过,例如,我们经常在淘宝网上购物时看到的小提示功能,如图一,在本例子中我们仅实现了小三角箭头,并没有实现关闭功能,因为关闭功能还需要引入相应的JS才可以。 下边我们来看实例代[详细]
-
IE6中a标签location.href失效解决方法
所属栏目:[创业经验] 日期:2018-10-06 热度:172
今天遇见IE6一个location.href的bug,具体情况是这样的,IE6下,在a标签中,将href写成javascript:;javascript:void(0);,并且给这个标签绑定onclick事件,点击后,执行location.href实现页面跳转,例如下面的代码: a href=javascitp:; onclick=toURL()点[详细]
-
CSS中各个浏览器兼容的解决办法
所属栏目:[创业经验] 日期:2018-10-06 热度:59
1. CSS中几种浏览器对不同关键字的支持,可进行浏览器兼容性重复定义 !important 可被FireFox和IE7识别 * 可被IE6、IE7识别 _ 可被IE6识别 *+ 可被IE7识别 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;[详细]
-
CSS垂直自适应,元素超出高度显示效果
所属栏目:[创业经验] 日期:2018-09-28 热度:176
烈火网(LieHuo.Net)CSS教程,今天我们来探讨一下CSS的纵向自适应的问题,也就是垂直自适应。 当元素的内容超出元素定义的高度时候的显示效果。 下面是实例代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML[详细]
-
IE与FF实现纯英文纯数字字符自动换行
所属栏目:[创业经验] 日期:2018-09-27 热度:210
IE与FF实现纯英文纯数字字符自动换行 来源:http://www.heiniuhaha.cn/blog/?p=1112 IE css code: FF js code:[详细]
-
CSS 多个子框架居中
所属栏目:[创业经验] 日期:2018-09-27 热度:73
有时我们需要令一个宽度固定的容器里的子框架居中(例如一个 Div ,或者其他 block 级元素),如果子框架只有一个的话,我们只需要为子框架加上 CSS 属性 margin: auto 就可以了。 但如果我们要让多个子框架居中,并且等分父框架剩余的空间的话,我们对所[详细]
-
写HTML和CSS的新方法
所属栏目:[创业经验] 日期:2018-09-27 热度:103
Zen Coding 一个用来简化编写 HTML,XML, XSL (或是其它一些诸如此类格式的编辑器)。其主要是用一种缩写方式的语法来书写大量重复和无味的HTML,很像CSS语法。下面是一个例子: div#pagediv.logo+ul#navigationli*5a 展开后会成为下面这个样子: div id=[详细]
-
自定义鼠标指针样式代码,兼容IE、火狐浏览器
所属栏目:[创业经验] 日期:2018-09-27 热度:141
下面介绍的是自定义网页中鼠标/光标指针样式代码,兼容IE、 火狐浏览器 。随烈火一起来看一下吧。 body { cursor:url(images/liehuo_net.cur), url(/images/liehuo_net.cur), auto;} 烈火提示: IE中,Url可以是相对路径,也可以是绝对路径 。 FF中,Url只[详细]
-
CSS3 灵活的盒子模型(Flexible Box Module)-2
所属栏目:[创业经验] 日期:2018-09-26 热度:137
继上一篇《CSS3 灵活的盒子模型(Flexible Box Module)-1》后继续深入,说说 CSS3 里盒子模型的尺寸。本文的 HTML 框架继续沿用《CSS3 灵活的盒子模型(Flexible Box Module)-1》。 在 CSS2 里,要把一个容器分成三栏的话比较简便的方法是把三个字容器的 wid[详细]
-
网页中动态加载 CSS 的四种不同方法
所属栏目:[创业经验] 日期:2018-09-26 热度:163
第一种添加方式: document.getElementById(elementId).style.background=#ff0000; 这种方式采用内联是插入css.优先级高。容易引起页面回流性能不好 也不能进行多个样式的添加 第二种方式: document.getElementsByTagName(a)[0].style.cssText=background[详细]
-
参考文档:浏览器默认HTML的CSS样式属性
所属栏目:[创业经验] 日期:2018-09-26 热度:163
这个浏览器默认HTML的CSS样式属性,在你需要还原默认值的时候,比较有用。开始的时候应用通配选择器 *{margin:0;padding:0;},当需要使用边距的时候,就需要还原HTML默认CSS值了。 以前一直在找这份文档,今天偶然在w3上看到了。除了inline和block的定义,[详细]
-
IE6下设置了z-index层仍无法置顶的解决方法
所属栏目:[创业经验] 日期:2018-09-26 热度:149
IE6下设置了z-index层仍无法置顶的问题,前几天与几个朋友一起探讨,现在把解决方法通过烈火告诉大家。 层代码如下: div id=ad_top/div div id=topstory/div 样式代码如下: .ad_top { z-index:999; } .topstory { z-index:-999; float:left; } 最终解决[详细]
-
闲谈CSS3动画
所属栏目:[创业经验] 日期:2018-09-26 热度:145
随着CSS3越来越热,CSS3动画也逐渐受到大家的关注。这次有幸修改淘宝网全站页头,小小地应用了下(详见http://www.taobao.com/下拉箭头处的hover效果)。与其说是渐进增强,不如说是满足了技术人小小的虚荣心。 以下是自己的一点理解,希望能对大家有所帮助[详细]
-
CSS3 灵活的盒子模型(Flexible Box Module)–1
所属栏目:[创业经验] 日期:2018-09-16 热度:118
CSS3 标准里引入了一些新的盒子模型参数,在 CSS2 的基础上,我们将能更灵活地调整页面上各个容器的大小和位置。详细的说明可以看 这个文档 。 通过学习和测试,我发现这种新的盒子模型布局对建立自适应布局的页面带来很大的好处。在这篇文章中,我的所有[详细]
-
CSS入门技巧:关于CSS样式表的教程
所属栏目:[创业经验] 日期:2018-09-16 热度:197
本例为CSS入门系列教程,在这一课中我们将学习CSS的样式表,主要学习在学习css之前你应该掌握哪些基础知识,认识CSS以及如何使用CSS,希望能给对网页制作感兴趣的朋友带来帮助~~ 推荐阅读: CSS2.0在线手册http://www.veryhuo.com/a/manual/css/ CSS入门教[详细]
-
CSS入门技巧七则:语法基础教程
所属栏目:[创业经验] 日期:2018-09-16 热度:136
本例为CSS入门系列教程,在这一课中我们将学习CSS的语法基础,主要学习CSS的基本语法、选择符组、类选择符、ID选择符、包含选择符、 样式表的层叠性以及,希望能给对网页制作感兴趣的朋友带来帮助~~ CSS入门教程之语法基础 1. 基本语法 CSS的定义是由三个部[详细]
