-
一行代码解决IE8浏览器兼容问题
所属栏目:[经验] 日期:2018-10-08 热度:91
一行代码解决 IE8 浏览器与IE7之间的兼容性问题,热门的tag非IE8莫属,各浏览器厂商争相发布版本更新,部分网页也存在与IE8的兼容性问题,简单一行代码,让IE8自动调用IE7的渲染模式,只需要在页面中加入meta http-equiv=X-UA-Compatible content=IE=Emula[详细]
-
解决父容器高度不能自动撑开的方法
所属栏目:[经验] 日期:2018-10-03 热度:129
刚入门网站设计布局的开发者肯定会碰到这样的问题,那就是当子容器全部浮动的时候,父容器的高度不能自动撑开。在我们没有为富容器设置边框或背景的时候是看不到这个问题的,如下的代码。 div style=background: #F99; width: 400px; border: 1px solid #3[详细]
-
CSS+DIV层跨浏览器定位代码,附效果演示
所属栏目:[经验] 日期:2018-09-19 热度:165
本教程主要说的是纯CSS实现跨浏览器固定定位,这是个基础问题,关于CSS的相关知识,你可以参考烈火提供的CSS中文手册,关于此类问题,现在可以了解一下,但是在以后却要经常面对的问题,本代码不仅实现绝对定位,而且也实现了跨浏览器,参考一下便会明白了[详细]
-
如何复制网页上不能选中的文字?
所属栏目:[经验] 日期:2018-09-19 热度:63
我们在上网浏览网页时,当看到自己需要或者精彩的内容时,就想选取某些文本或图片复制下来保存到本地硬盘中。可按住鼠标左键拖动,无论如何也无法选中需要的文字。当然也就不能复制网页中的文字了。这是有些网站为了保护自己的内容运用了一些技术手段让我[详细]
-
良好的DIV+CSS的命名规则有利于SEO优化
所属栏目:[经验] 日期:2018-09-19 热度:94
一、CSS文件及样式命名 1、CSS文件命名规范 全局样式:global.css; 框架布局:layout.css; 字体样式:font.css; 链接样式:link.css; 打印样式:print.css; 2、CSS样式命名规范 本人建议:用字母、_号工、-号、数字组成,必须以字母开头,不能为纯数[详细]
-
input、select居中不兼容浏览器的解决方法
所属栏目:[经验] 日期:2018-09-15 热度:104
css修正Input标签在各种浏览器中差异,首先说明一下input、select等可能在各种浏览器中的表现差异: 1.当input或select与其他标签(例如a、label)混排时,可能出现不居中的问题。 2.input里面输入的文字行高存在差别,有空隙等等。 3....混排时,外层标签不[详细]
-
IE6、IE7、IE8浏览器下CSS不兼容的解决分析
所属栏目:[经验] 日期:2018-09-15 热度:115
IE6里DIV错位的问题 采用FLOAT:LEFT的DIV在 IE8 、IE7、都没问题,IE6下却向下移动,出现空白。这是因为,IE6采用的内核默认把DIV之间的距离增加了3~5个PX,所以,试试是将下移的DIV的STYLE里增加margin-left:-5px;或者更[详细]
-
CSS 背景透明而文字不透明的方法代码
所属栏目:[经验] 日期:2018-09-15 热度:52
本文要介绍的是CSS 背景透明而文字不透明的效果,本实现方法支持多个浏览器,包括:IE、 Firefox 、 Chrome 、 Opera 等。 实例代码如下:[详细]
-
CSS 实现文字、DIV层水平自适应屏幕大小
所属栏目:[经验] 日期:2018-09-15 热度:164
烈火网(LieHuo.Net)CSS教程,本文给大家介绍的是CSS 水平自适应的实现代码,这个与其它的水平自适应好像还有点区别,它里面的文字也会自适应,文字外的DIV同样也会随着浏览器窗口的大小而水平适应,大家仔细观察一下。 !DOCTYPE html PUBLIC -//W3C//DTD X[详细]
-
绝对定位的DIV+CSS层,多个层嵌套在一起
所属栏目:[经验] 日期:2018-09-15 热度:58
烈火网(LieHuo.Net)CSS教程 CSS多层绝对定位的一个小演示,多个层嵌套在一起,学习CSS布局的一个好例子。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3[详细]
-
CSS垂直自适应,元素超出高度显示效果
所属栏目:[经验] 日期:2018-09-15 热度:72
烈火网(LieHuo.Net)CSS教程,今天我们来探讨一下CSS的纵向自适应的问题,也就是垂直自适应。 当元素的内容超出元素定义的高度时候的显示效果。 下面是实例代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML[详细]
-
IE与FF实现纯英文纯数字字符自动换行
所属栏目:[经验] 日期:2018-09-15 热度:64
IE与FF实现纯英文纯数字字符自动换行 来源:http://www.heiniuhaha.cn/blog/?p=1112 IE css code: FF js code:[详细]
-
CSS 多个子框架居中
所属栏目:[经验] 日期:2018-09-15 热度:137
有时我们需要令一个宽度固定的容器里的子框架居中(例如一个 Div ,或者其他 block 级元素),如果子框架只有一个的话,我们只需要为子框架加上 CSS 属性 margin: auto 就可以了。 但如果我们要让多个子框架居中,并且等分父框架剩余的空间的话,我们对所[详细]
-
写HTML和CSS的新方法
所属栏目:[经验] 日期:2018-09-15 热度:123
Zen Coding 一个用来简化编写 HTML,XML, XSL (或是其它一些诸如此类格式的编辑器)。其主要是用一种缩写方式的语法来书写大量重复和无味的HTML,很像CSS语法。下面是一个例子: div#pagediv.logo+ul#navigationli*5a 展开后会成为下面这个样子: div id=[详细]
-
自定义鼠标指针样式代码,兼容IE、火狐浏览器
所属栏目:[经验] 日期:2018-09-15 热度:165
下面介绍的是自定义网页中鼠标/光标指针样式代码,兼容IE、 火狐浏览器 。随烈火一起来看一下吧。 body { cursor:url(images/liehuo_net.cur), url(/images/liehuo_net.cur), auto;} 烈火提示: IE中,Url可以是相对路径,也可以是绝对路径 。 FF中,Url只[详细]
-
CSS禁止中文输入法(只能输入英文)
所属栏目:[经验] 日期:2018-09-14 热度:121
CSS样式也是可以实现某些类似脚本的功能,例如今天要说的就是禁止输入中文,只要在CSS样式中加上以下代码就可以了: Copy to Clipboard 引用的内容:[www.veryhuo.com]ime-mode : disabled (说明:他的真实效果是禁止切换输入法,也就是说只能输入默认输入[详细]
-
CSS常用类和ID命名规范
所属栏目:[经验] 日期:2018-09-14 热度:178
CSS中的类和ID名称都是可以自定义的,也没有像一些编程语言会保留关键字,在CSS里可以完全自己命名。但是为了使CSS更有可读性,很多人都提倡规范命名。说到这,发现我以前写的不少CSS的命名都是很乱的,真得改改了。 今天翻出电脑里的资料,发现有个CSS常[详细]
-
使用CSS让DIV水平垂直居中的方法
所属栏目:[经验] 日期:2018-09-14 热度:130
要点: 1.position属性设置为:absolute 2.top和left属性都设为:50% 3.margin-top宽度设置为height高度的一半,margin-left属性设置为width宽度的一半。 htmlheadtitleDIV水平垂直居中/titlestylebody{font-size:12px; margin:0; padding:0;}.div1{positi[详细]
-
纯CSS圆角框3:圆角化图片
所属栏目:[经验] 日期:2018-09-14 热度:89
文章导航: 第一章:基本的圆角框 第二章:透明圆角化背景图片 在前面一篇文章中,我们将一张上下渐变的的图片作为标题的背景,并将它应用了圆角效果。是不是这种圆角框只能用于比较单调的图片呢?我们还能将一些颜色比较丰富的图片也进行透明圆角化吗? 答[详细]
-
CSS入门:五个简单,但有用的CSS属性
所属栏目:[经验] 日期:2018-09-14 热度:95
今天说的这5个CSS属性,你可能会很熟悉,但是你可能会很少会去使用.这个教程所讲得不是关于CSS3的属性,而是依旧使用CSS2属性来说明,这些属性广泛的被各种浏览器所支持:clip,min-height,white-space,cursor和display.所以不要错过这个教程,因为你会发现他们是[详细]
-
怎么调用iframe的父窗口的父窗口?
所属栏目:[经验] 日期:2018-09-14 热度:157
问题: 怎么调用iframe的父窗口的父窗口?做个AJAX上传图片 Copy to Clipboard 引用的内容:[www.veryhuo.com]iframe src=ajax_upimage.html name=iframeUpload1 width=350 height=80 frameborder=0 SCROLLING=no style=border:1px red solid/iframe ajax_u[详细]
-
纯CSS圆角框2:透明圆角化背景图片
所属栏目:[经验] 日期:2018-09-14 热度:151
在上面的案例中,我只给出最为原始的圆角框模型,它还是存在一些不足之处。比如不能将图片应用到圆角框内。而在本例中,我会在上面的基础上作出一些创新。就是将背景图片也圆角化,好像目前在网络上还没有这样的功能应用,我只见过用js方式来实现的,可以[详细]
-
纯CSS圆角框:基本的圆角框
所属栏目:[经验] 日期:2018-09-14 热度:185
序言:在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案,基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的另一篇文章《无图片山顶角》中又是一个另类的实现方法。 纯CSS实现圆角框是一件大家都说烂了的事件[详细]
-
XHTML+CSS布局img图片元素出现空白的问题
所属栏目:[经验] 日期:2018-09-14 热度:114
在进行页面的XHTML+CSS排版时,遇到IE6(当然有时 Firefox 下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的,对于该问题的解决方法也是见机行事,根据原因的不同要用不同的解决方法,这里把解决直接把解决image图片布局下边的多余空隙的[详细]
-
CSS中英文无法自动换行的解决办法
所属栏目:[经验] 日期:2018-09-14 热度:66
问题: 在一个设定好宽度的div中,当我们输入的中文文字长度超过了设定宽度时,会自动换到下一行。但是,如果输入的是英文字母,那么,无论你div设定宽度为多少,英文字母都是不换行直接在同一行输出,导致div的宽度远远超出设定的大[详细]