-
input标签与图片按钮水平对齐的解决方法
所属栏目:[经验] 日期:2018-10-07 热度:139
在日常的网页制作当中,我们可能会遇到input标签与图片在同一行的情况,这时候你会发现,无论你的css怎么写都会出现input文本框与图片链接无法在同一水平线上。昨日,烈火小编的朋友就来咨询,说他也遇到了这个问题,并且使用margin、padding等Css语法,都[详细]
-
IE8 中关于 colspan 属性的 bug
所属栏目:[经验] 日期:2018-10-06 热度:168
IE8 认为所有的表格单元格都具有 colfont 属性。因此如果需要单独针对具有 colfont 属性的单元格设置样式,就有点棘手了。 td[colfont],th[colfont] {/* 注意:不管单元格是否有 colfont 属性,在 IE8 中该样式一律是生效的even if they don't have a colf[详细]
-
Css教程:可变高宽的圆角框
所属栏目:[经验] 日期:2018-10-06 热度:137
矩形框在网页中较为常见,不过个人觉得还是圆角框更为美观。那么圆角框是如何用DIV+CSS来实现的呢?假如把一张圆角框图片直接作为背景来处理,那么高宽就都被定死了,无法随内容而改变大[详细]
-
如何在html标记中调用的函数里传递对象
所属栏目:[经验] 日期:2018-10-06 热度:170
最近使用jquery结合Ajax开发一个中小型网站应用。在后台管理中要使用Ajax调用系统功能,根据Ajax的返回结果,使用 jQuery 对前台页面进行操作。 比如,使用Ajax调用删除信息的后台功能,如果返回success,则调用删除一行信息。 大体代码如下: Copy to Cli[详细]
-
Css等比例缩放图片后截取图片中的一部分
所属栏目:[经验] 日期:2018-10-06 热度:147
因为在做一个简单的相册功能,做相册封面的时候我考虑了几种方法使用PHP在图片的缩略图上取出正方形的一块,但是Google一下后发现有更简单粗暴有效的使用纯CSS实现的方法 截取前: 截取后: CSS代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]img[详细]
-
Css控制图片大小,自适应缩放,兼容IE6和Firefox
所属栏目:[经验] 日期:2018-10-06 热度:58
Css控制图片大小,自适应缩放,兼容IE6和Firefox,例如我们在日常的网站设计当中,总是会遇到这样的问题,图片大小未知,而我们设计的网站内容区域的宽度是一定的,如果给所有图片设置等量的宽度显示是不行的,通过查询CSS手册,我们知道max-width和max-he[详细]
-
基于HTML5的小球物理测试系统,附实现原理
所属栏目:[经验] 日期:2018-10-06 热度:157
在线演示:基于HTML5的小球物理测试系统 源码下载:点击进入下载页 功能说明: 一个基于HTML5 canvas的小球物理测试系统,用户可以手动为新的小球设置不同的属性值(颜色,半径,速度等),从而在canvas中发射小球,小球在 运动 过程中会收到重力,弹性以[详细]
-
Css技巧:div下图片自适应大小的解决办法
所属栏目:[经验] 日期:2018-10-06 热度:59
今天,烈火网小编的一位站长朋友在修改模板时遇到一个DIV与图片自适应大小的问题,看了一下,这样的问题原因很简单,归结就是没有给div设置高度和宽度,那么当你设置了宽高以后也就无法自适应了,搜索了一下,找到一些解决实例,现在分享给大家: 以前的解[详细]
-
Css 自定义文件上传控件样式(兼容 IE6)
所属栏目:[经验] 日期:2018-10-06 热度:129
要想直接通过 CSS 来控制文件上传控件,基本没戏的。当然也有一些解决方案,例如 Mr.Think 的这篇文章《利用label标签和CSS美化文件上传表单(不兼容IE6)》。昨天也恰好遇到了这个问题,顺手记录下吧。 首先,给 input type=file 元素戴个套子,这样比较安[详细]
-
一行代码解决IE8浏览器兼容问题
所属栏目:[经验] 日期:2018-10-06 热度:173
一行代码解决 IE8 浏览器与IE7之间的兼容性问题,热门的tag非IE8莫属,各浏览器厂商争相发布版本更新,部分网页也存在与IE8的兼容性问题,简单一行代码,让IE8自动调用IE7的渲染模式,只需要在页面中加入meta http-equiv=X-UA-Compatible content=IE=Emula[详细]
-
CSS Hacks for IE,IE 也可以很完美
所属栏目:[经验] 日期:2018-10-06 热度:167
掌握 CSS Hacks 可以说是前端开发工程师的一个基本技能。随着浏览器版本的遍地开花,我们寻找着尽可能使各种浏览器表现一致的 CSS 写法。当然 CSS Hacks 是最为流行的解决方案。但对于 IE 而言,目前已经有 IE6/IE7/ IE8 三个主要版本,不久的将来还会有 IE[详细]
-
解决父容器高度不能自动撑开的方法
所属栏目:[经验] 日期:2018-10-04 热度:165
刚入门网站设计布局的开发者肯定会碰到这样的问题,那就是当子容器全部浮动的时候,父容器的高度不能自动撑开。在我们没有为富容器设置边框或背景的时候是看不到这个问题的,如下的代码。 div style=background: #F99; width: 400px; border: 1px solid #3[详细]
-
DIV固定层CSS代码详解
所属栏目:[经验] 日期:2018-10-04 热度:110
网页布局现在都用DIV+CSS了,为了网页的布局好看,需要把某些DIV层设置固定位置,不跟随浏览器滚动条而滚动,对于新手来说,设置这样的DIV层的CSS代码有点难度,我也是个新手,花了点时间研究下了CSS代码,现分享给有需要的站长,使用此CSS样式代码可以设[详细]
-
背景图片自适应分辨率浏览器大小自动拉伸全屏代码
所属栏目:[经验] 日期:2018-10-04 热度:66
在制作页面CSS样式的时候,一个好看绚丽的效果背景图片是少不了的,为了考虑到每个访客用户的 分辨率 大小都不相同,我们会选择使用可以平铺的颜色代码或者小图片作为背景,那么如何让一张高清大图作为背景,不论访客用户的分辨率大小如何,都会自动拉伸显[详细]
-
如何实现IE6下块级元素的内容自动收缩
所属栏目:[经验] 日期:2018-10-04 热度:125
近期在做提示层组件的开发,遇到了一个IE6常见的bug....想出了几个解决的办法,挺有意思的,这里分享给大家。 由于IE6浏览器中,display:inline-block只能触发IE的haslayout属性使得元素具有布局属性,当对div元素使用display:inline-block,div元素仍然为[详细]
-
display:inline-block下的IE元素
所属栏目:[经验] 日期:2018-10-04 热度:152
通常我们想让内联元素为行块布局显示,有2种方法,最常见的是方法是.selector {display:block;float:left;......},第二种方法是.selector {display:inline-block;......},对于第二种方法,在 IE浏览器 中得到支持,测试结果会认为IE能识别display:inline-[详细]
-
关于HTML条件注释你可能不知道的一些事儿
所属栏目:[经验] 日期:2018-10-04 热度:89
最近经常看到类似这样的HTML代码片段,很多前端开发人员应该都熟悉: 1 !--[if lt IE 7] html class=ie6 ![endif]--2 !--[if IE 7] html class=ie7 ![endif]--3 !--[if IE 8] html class=ie8 ![endif]--4 !--[if gt IE 8]!-- html !--![endif]-- 这段代码[详细]
-
input、select居中不兼容浏览器的解决方法
所属栏目:[经验] 日期:2018-09-30 热度:77
css修正Input标签在各种浏览器中差异,首先说明一下input、select等可能在各种浏览器中的表现差异: 1.当input或select与其他标签(例如a、label)混排时,可能出现不居中的问题。 2.input里面输入的文字行高存在差别,有空隙等等。 3....混排时,外层标签不[详细]
-
IE6、IE7、IE8浏览器下CSS不兼容的解决分析
所属栏目:[经验] 日期:2018-09-30 热度:120
IE6里DIV错位的问题 采用FLOAT:LEFT的DIV在 IE8 、IE7、都没问题,IE6下却向下移动,出现空白。这是因为,IE6采用的内核默认把DIV之间的距离增加了3~5个PX,所以,试试是将下移的DIV的STYLE里增加margin-left:-5px;或者更[详细]
-
CSS 背景透明而文字不透明的方法代码
所属栏目:[经验] 日期:2018-09-30 热度:168
本文要介绍的是CSS 背景透明而文字不透明的效果,本实现方法支持多个浏览器,包括:IE、 Firefox 、 Chrome 、 Opera 等。 实例代码如下:[详细]
-
CSS 实现文字、DIV层水平自适应屏幕大小
所属栏目:[经验] 日期:2018-09-30 热度:98
烈火网(LieHuo.Net)CSS教程,本文给大家介绍的是CSS 水平自适应的实现代码,这个与其它的水平自适应好像还有点区别,它里面的文字也会自适应,文字外的DIV同样也会随着浏览器窗口的大小而水平适应,大家仔细观察一下。 !DOCTYPE html PUBLIC -//W3C//DTD X[详细]
-
绝对定位的DIV+CSS层,多个层嵌套在一起
所属栏目:[经验] 日期:2018-09-30 热度:154
烈火网(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-29 热度:73
烈火网(LieHuo.Net)CSS教程,今天我们来探讨一下CSS的纵向自适应的问题,也就是垂直自适应。 当元素的内容超出元素定义的高度时候的显示效果。 下面是实例代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML[详细]
-
IE与FF实现纯英文纯数字字符自动换行
所属栏目:[经验] 日期:2018-09-29 热度:180
IE与FF实现纯英文纯数字字符自动换行 来源:http://www.heiniuhaha.cn/blog/?p=1112 IE css code: FF js code:[详细]
-
CSS 多个子框架居中
所属栏目:[经验] 日期:2018-09-29 热度:94
有时我们需要令一个宽度固定的容器里的子框架居中(例如一个 Div ,或者其他 block 级元素),如果子框架只有一个的话,我们只需要为子框架加上 CSS 属性 margin: auto 就可以了。 但如果我们要让多个子框架居中,并且等分父框架剩余的空间的话,我们对所[详细]