-
ie8 css hack 颜色使用示例
所属栏目:[经验] 日期:2018-10-02 热度:159
随着win7使用者的不断扩大,开始将ie8纳入开发兼容浏览器范围 9 例:margin:0px auto9;.这里的9可以区别所有IE和FireFox. * IE6、IE7可以识别. IE8 、FireFox不能. _ IE6可以识别_,IE7、IE8、FireFox不能. .color{ background-color: #CC00FF; /*所有浏览[详细]
-
onbeforeunload与a标签在IE中的冲突bug
所属栏目:[经验] 日期:2018-10-01 热度:118
onbeforeunload 是window的一个事件,目前 Firefox ,IE都支持,主要用来提示用户是否真的要离开该页面,通常在一些比较重要的数据提交之前,防止用户误操作导致数据丢失。典型的应用如gmail中,在写邮件的时候,如果刷新页面或者关闭页面,会出现提示。[详细]
-
CSS滤镜同时过滤文字的解决方法
所属栏目:[经验] 日期:2018-10-01 热度:66
初用CSS滤镜的朋友可能会遇到这样的问题:给div套上filter:alpha(opacity=50); 滤镜后,里面的文字也随之半透明,这种情况下,我们该怎么办呢? 经过本人查阅大量资料,实验N次终于找到了一个兼容ie6,ie7,ie8以及firefox的css透明滤镜的方法,且看我举例说明.[详细]
-
html{overflow-y:scroll}引起的iframe滚动条问题
所属栏目:[经验] 日期:2018-10-01 热度:119
今天做iframe需求时发现chorme总是会出现滚动条,怎么都去不掉,scrolling=no这个属性丝毫不起作用。但是ie和firefox却没有出现这个滚动条,然后求助龙笛同学,才知道罪魁祸首是子页面里有一条html{overflow-y:scroll}引起的。 被iframe的页面中存在css:h[详细]
-
FCKEditor超级链接默认新窗口打开的修改教程
所属栏目:[经验] 日期:2018-10-01 热度:197
Fckeditor是一款开源的WEB可视化编辑器,因为该软件小巧、易用、方便受到大家的欢迎,国内很多CMS都采用了FCK编辑器,最近有很多网友向烈火反映关于FCK添加的超级链接不能在新窗口中打开,需要另外设置才可以,那么,能不能将链接默认为新窗口呢?答案是可[详细]
-
引入CSS的两种方式:link和@import的区别
所属栏目:[经验] 日期:2018-10-01 热度:72
引入css外部文件的两种方法为在html页面通过link,src属性(注意空链接时的陷阱!),再者是通过CSS文件本身通过@import url()引入,虽然这两种方式都可以加载进来CSS文件,可是link和@import也存在着细微的差别。 隶属上的差别 link属于XHTML标签,而@imp[详细]
-
跨浏览器 CSS 阴影的实现方法
所属栏目:[经验] 日期:2018-09-18 热度:64
阴影是最常用的 CSS 效果之一,CSS3 标准已经增加了阴影属性,下面讨论一下阴影在各种浏览器里的实现方法。 CSS3 阴影 CSS3 里使用 box-shadow 属性定义块的阴影,基本语法如下: box-shadow: 3px 3px 4px #000; 上面的样式里,前面两个 3px 表示阴影在 xy[详细]
-
WEB 网页固定大小并且居中显示的方法
所属栏目:[经验] 日期:2018-09-18 热度:155
方法一:针对无框架的页面。 其实就是设定Table的属性来实现。 table width=100% height=100% border=1 tr td align=center valign=top table width=980px height=100% border=1 tr td !-- 此处放置你的页面内容 -- /td /tr /table /td /tr /table 方法二[详细]
-
教你如何获取网页中FLASH的链接地址
所属栏目:[经验] 日期:2018-09-18 热度:70
方法一:先看看页面上有没有全屏播放,下载之类的链接,要是有的话就方便了,点下这个链接,会弹出全屏播放的窗口,复制地址栏你的地址就是了! 方法二:查看源码法! 一般的网页打开后,先选择浏览器菜单里的查看->源文件(或在页面的空白地方点鼠标右[详细]
-
如何复制网页上不能选中的文字?
所属栏目:[经验] 日期:2018-09-18 热度:91
我们在上网浏览网页时,当看到自己需要或者精彩的内容时,就想选取某些文本或图片复制下来保存到本地硬盘中。可按住鼠标左键拖动,无论如何也无法选中需要的文字。当然也就不能复制网页中的文字了。这是有些网站为了保护自己的内容运用了一些技术手段让我[详细]
-
良好的DIV+CSS的命名规则有利于SEO优化
所属栏目:[经验] 日期:2018-09-18 热度:158
一、CSS文件及样式命名 1、CSS文件命名规范 全局样式:global.css; 框架布局:layout.css; 字体样式:font.css; 链接样式:link.css; 打印样式:print.css; 2、CSS样式命名规范 本人建议:用字母、_号工、-号、数字组成,必须以字母开头,不能为纯数[详细]
-
CSS垂直自适应,元素超出高度显示效果
所属栏目:[经验] 日期:2018-09-14 热度:191
烈火网(LieHuo.Net)CSS教程,今天我们来探讨一下CSS的纵向自适应的问题,也就是垂直自适应。 当元素的内容超出元素定义的高度时候的显示效果。 下面是实例代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML[详细]
-
CSS 多个子框架居中
所属栏目:[经验] 日期:2018-09-14 热度:172
有时我们需要令一个宽度固定的容器里的子框架居中(例如一个 Div ,或者其他 block 级元素),如果子框架只有一个的话,我们只需要为子框架加上 CSS 属性 margin: auto 就可以了。 但如果我们要让多个子框架居中,并且等分父框架剩余的空间的话,我们对所[详细]
-
写HTML和CSS的新方法
所属栏目:[经验] 日期:2018-09-14 热度:87
Zen Coding 一个用来简化编写 HTML,XML, XSL (或是其它一些诸如此类格式的编辑器)。其主要是用一种缩写方式的语法来书写大量重复和无味的HTML,很像CSS语法。下面是一个例子: div#pagediv.logo+ul#navigationli*5a 展开后会成为下面这个样子: div id=[详细]
-
自定义鼠标指针样式代码,兼容IE、火狐浏览器
所属栏目:[经验] 日期:2018-09-14 热度:182
下面介绍的是自定义网页中鼠标/光标指针样式代码,兼容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-14 热度:98
继上一篇《CSS3 灵活的盒子模型(Flexible Box Module)-1》后继续深入,说说 CSS3 里盒子模型的尺寸。本文的 HTML 框架继续沿用《CSS3 灵活的盒子模型(Flexible Box Module)-1》。 在 CSS2 里,要把一个容器分成三栏的话比较简便的方法是把三个字容器的 wid[详细]
-
网页中动态加载 CSS 的四种不同方法
所属栏目:[经验] 日期:2018-09-14 热度:197
第一种添加方式: document.getElementById(elementId).style.background=#ff0000; 这种方式采用内联是插入css.优先级高。容易引起页面回流性能不好 也不能进行多个样式的添加 第二种方式: document.getElementsByTagName(a)[0].style.cssText=background[详细]
-
参考文档:浏览器默认HTML的CSS样式属性
所属栏目:[经验] 日期:2018-09-14 热度:89
这个浏览器默认HTML的CSS样式属性,在你需要还原默认值的时候,比较有用。开始的时候应用通配选择器 *{margin:0;padding:0;},当需要使用边距的时候,就需要还原HTML默认CSS值了。 以前一直在找这份文档,今天偶然在w3上看到了。除了inline和block的定义,[详细]
-
IE6下设置了z-index层仍无法置顶的解决方法
所属栏目:[经验] 日期:2018-09-14 热度:137
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-14 热度:129
随着CSS3越来越热,CSS3动画也逐渐受到大家的关注。这次有幸修改淘宝网全站页头,小小地应用了下(详见http://www.taobao.com/下拉箭头处的hover效果)。与其说是渐进增强,不如说是满足了技术人小小的虚荣心。 以下是自己的一点理解,希望能对大家有所帮助[详细]
-
CSS3 灵活的盒子模型(Flexible Box Module)–1
所属栏目:[经验] 日期:2018-09-14 热度:135
CSS3 标准里引入了一些新的盒子模型参数,在 CSS2 的基础上,我们将能更灵活地调整页面上各个容器的大小和位置。详细的说明可以看 这个文档 。 通过学习和测试,我发现这种新的盒子模型布局对建立自适应布局的页面带来很大的好处。在这篇文章中,我的所有[详细]
-
CSS入门技巧:关于CSS样式表的教程
所属栏目:[经验] 日期:2018-09-14 热度:108
本例为CSS入门系列教程,在这一课中我们将学习CSS的样式表,主要学习在学习css之前你应该掌握哪些基础知识,认识CSS以及如何使用CSS,希望能给对网页制作感兴趣的朋友带来帮助~~ 推荐阅读: CSS2.0在线手册http://www.veryhuo.com/a/manual/css/ CSS入门教[详细]
-
CSS入门技巧七则:语法基础教程
所属栏目:[经验] 日期:2018-09-14 热度:142
本例为CSS入门系列教程,在这一课中我们将学习CSS的语法基础,主要学习CSS的基本语法、选择符组、类选择符、ID选择符、包含选择符、 样式表的层叠性以及,希望能给对网页制作感兴趣的朋友带来帮助~~ CSS入门教程之语法基础 1. 基本语法 CSS的定义是由三个部[详细]
-
点击超级链接后不显示虚线边框的代码
所属栏目:[经验] 日期:2018-09-14 热度:153
烈火网(LieHuo.Net)HTML教程:让链接点击后不显示虚线框,如果在我们不定义的时候,一般的链接在点击后会出现一个虚线边框,其实这样做也有好处,可以告诉用户你点击了哪里的链接,不过有些用户有别的用途,不想显示这种虚线框,那么有什么办法吗?其实很简[详细]
-
Css3 弹性盒模型介绍(附DEMO演示)
所属栏目:[经验] 日期:2018-09-14 热度:58
Css3引入了新的盒模型弹性盒模型,该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL(火狐使用的用户交互语言)相似,其它语言也使用相同的盒模型,如XAML 、GladeXML。 使用该模型,可以很轻松的创建自适应浏览器窗口的流动布局[详细]