-
Css控制图片大小,自适应缩放,兼容IE6和Firefox
所属栏目:[经验] 日期:2018-10-07 热度:114
Css控制图片大小,自适应缩放,兼容IE6和Firefox,例如我们在日常的网站设计当中,总是会遇到这样的问题,图片大小未知,而我们设计的网站内容区域的宽度是一定的,如果给所有图片设置等量的宽度显示是不行的,通过查询CSS手册,我们知道max-width和max-he[详细]
-
基于HTML5的小球物理测试系统,附实现原理
所属栏目:[经验] 日期:2018-10-07 热度:104
在线演示:基于HTML5的小球物理测试系统 源码下载:点击进入下载页 功能说明: 一个基于HTML5 canvas的小球物理测试系统,用户可以手动为新的小球设置不同的属性值(颜色,半径,速度等),从而在canvas中发射小球,小球在 运动 过程中会收到重力,弹性以[详细]
-
Css技巧:div下图片自适应大小的解决办法
所属栏目:[经验] 日期:2018-10-07 热度:80
今天,烈火网小编的一位站长朋友在修改模板时遇到一个DIV与图片自适应大小的问题,看了一下,这样的问题原因很简单,归结就是没有给div设置高度和宽度,那么当你设置了宽高以后也就无法自适应了,搜索了一下,找到一些解决实例,现在分享给大家: 以前的解[详细]
-
Css 自定义文件上传控件样式(兼容 IE6)
所属栏目:[经验] 日期:2018-10-07 热度:77
要想直接通过 CSS 来控制文件上传控件,基本没戏的。当然也有一些解决方案,例如 Mr.Think 的这篇文章《利用label标签和CSS美化文件上传表单(不兼容IE6)》。昨天也恰好遇到了这个问题,顺手记录下吧。 首先,给 input type=file 元素戴个套子,这样比较安[详细]
-
一行代码解决IE8浏览器兼容问题
所属栏目:[经验] 日期:2018-10-07 热度:122
一行代码解决 IE8 浏览器与IE7之间的兼容性问题,热门的tag非IE8莫属,各浏览器厂商争相发布版本更新,部分网页也存在与IE8的兼容性问题,简单一行代码,让IE8自动调用IE7的渲染模式,只需要在页面中加入meta http-equiv=X-UA-Compatible content=IE=Emula[详细]
-
如何编辑mht格式的文件,什么是mht?
所属栏目:[经验] 日期:2018-10-06 热度:57
什么是mht 文件 mht又叫web单一文件也就是将网页中包含的图片,CSS文件以及HTML文件全部放到一个MHT文件里面。mht就是mono html,就是独立的HTML文件,在浏览器(特别是IE)在保存时将页面中所有可以收集的元素全部存放在一个页面里。 如何编辑mht文件 一[详细]
-
HTML5 data-* 自定义属性和 element.dataset
所属栏目:[经验] 日期:2018-10-06 热度:93
在书写 HTML 代码时,通常需要在 DOM 结构中为 JS 预留数据钩子,而这些钩子通常是这样实现的: div id=test url=http://www.mangguo.org芒果小站/div HTML5 更好的规范了这种使用方式: div id=test data-url=http://www.mangguo.org芒果小站/div 获取自定[详细]
-
解决父容器高度不能自动撑开的方法
所属栏目:[经验] 日期:2018-10-06 热度:88
刚入门网站设计布局的开发者肯定会碰到这样的问题,那就是当子容器全部浮动的时候,父容器的高度不能自动撑开。在我们没有为富容器设置边框或背景的时候是看不到这个问题的,如下的代码。 div style=background: #F99; width: 400px; border: 1px solid #3[详细]
-
DIV固定层CSS代码详解
所属栏目:[经验] 日期:2018-10-05 热度:180
网页布局现在都用DIV+CSS了,为了网页的布局好看,需要把某些DIV层设置固定位置,不跟随浏览器滚动条而滚动,对于新手来说,设置这样的DIV层的CSS代码有点难度,我也是个新手,花了点时间研究下了CSS代码,现分享给有需要的站长,使用此CSS样式代码可以设[详细]
-
背景图片自适应分辨率浏览器大小自动拉伸全屏代码
所属栏目:[经验] 日期:2018-10-05 热度:156
在制作页面CSS样式的时候,一个好看绚丽的效果背景图片是少不了的,为了考虑到每个访客用户的 分辨率 大小都不相同,我们会选择使用可以平铺的颜色代码或者小图片作为背景,那么如何让一张高清大图作为背景,不论访客用户的分辨率大小如何,都会自动拉伸显[详细]
-
纯CSS单行文本溢出追加省略号代码
所属栏目:[经验] 日期:2018-10-05 热度:91
之前一直以为单行文本溢出追加省略号没法兼容所有浏览器,经元泉同志提点,顺利解决: .box { width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 样式代码,四个属性都是必须的,并且宽度必须设在当前容器上,父容器定宽[详细]
-
图片热区详解 与切片的优势比较
所属栏目:[经验] 日期:2018-10-05 热度:110
切片和图片热区是什么?图片切片是将很大的网页图片,切成类似拼图的那种形式,之后运用 HTML 代码,再完美的拼接起来的一种加快网页图片显示的手法,图片切片之后你还可以在不同的切片上加入链接等等,从而达到点击不同图片区域跳转到不同页面的效果。图[详细]
-
CSS 滤镜 -webkit-filter 的介绍和使用
所属栏目:[经验] 日期:2018-10-05 热度:121
大家可能对 Instagram 这款 iPhone APP 上的滤镜效果很感兴趣,其实 CSS3 开始也有滤镜(不是 IE 的那种滤镜),这些滤镜效果最初是用于 SVG 的,W3C 将其引入到 CSS3 中,然后制定了 CSS Filter Effects 1.0 的规范,Webkit 率先支持了它。 -webkit-filte[详细]
-
如何实现IE6下块级元素的内容自动收缩
所属栏目:[经验] 日期:2018-10-05 热度:108
近期在做提示层组件的开发,遇到了一个IE6常见的bug....想出了几个解决的办法,挺有意思的,这里分享给大家。 由于IE6浏览器中,display:inline-block只能触发IE的haslayout属性使得元素具有布局属性,当对div元素使用display:inline-block,div元素仍然为[详细]
-
display:inline-block下的IE元素
所属栏目:[经验] 日期:2018-10-05 热度:84
通常我们想让内联元素为行块布局显示,有2种方法,最常见的是方法是.selector {display:block;float:left;......},第二种方法是.selector {display:inline-block;......},对于第二种方法,在 IE浏览器 中得到支持,测试结果会认为IE能识别display:inline-[详细]
-
有关 HTML5 的应用现状与发展前景的思考
所属栏目:[经验] 日期:2018-10-04 热度:198
现在的 HTML5 就像当年崭露头角时的 Ajax,有人在做,但不知道叫它什么。最近,苹果在 HTML5 上大做文章,而著名的 Web 设计师 Eric Meyer 则提出了 Web Stacks 的概念。Alex Kessinger 是 Yahoo 的一名前端工程师,本文是他对 HTML5 应用现状与前景的思考[详细]
-
模仿 Google 新搜索框的阴影效果
所属栏目:[经验] 日期:2018-10-04 热度:53
如图所示,注意搜索框的下边框和右边框的简单阴影效果。一起到Google看看去! 是图片吗? 不是,Google是通过3个不同颜色的边框实现的简单阴影。 (注意:Google的效果不支持IE6,但是模仿的效果支持所有浏览器。) Google是如何实现的? Google的主要HTML代[详细]
-
如何隐藏滚动条?IE去掉滚动条HTML代码
所属栏目:[经验] 日期:2018-10-04 热度:177
做了一个页面,与桌面 分辨率 一样大小,但是在IE全屏(F11)下却显示有滚动条,而火狐确没有。怎么样去掉IE滚动条呢?其实有一个属性就可以解决。 方法1:直接在body里面加上属性scroll 代码如: body scroll=no 方法2:使用样式表overflow 代码如: HTML[详细]
-
IE6 select z-index无效,遮挡div的解决教程
所属栏目:[经验] 日期:2018-10-04 热度:116
在最近的一个项目中,遇到了IE6 select遮挡div的bug,为了解决这个bug我查了很多资料,试图找到一个最最有效的方法,很多人是通过iframe的方法来解决,其实我查了国外的很多资料也是通过iframe的方法来解决的。今天我说说iframe解决的一般方法,已经使用 j[详细]
-
Img,Script,Link等标签为空可导致页面多余请求
所属栏目:[经验] 日期:2018-10-04 热度:198
把页面中的img,script,link等标签为空链可以导致页面多余请求的问题,包括IE, Firefox ,chrome, Safari !但是相对于img,script跟link的src、href为空时,在IE下不做请求,而 Chrome , Safari, 和 Firefox则会出现一次多余的新请求。下面详细讲解一[详细]
-
用HTML5制作网页 - HTML5实例教程
所属栏目:[经验] 日期:2018-10-04 热度:83
根据你们询问的人,HTML 5不是迈向创造更语义化的网络的下一 个重要步伐,就是用一系列不完整的标签和标记大杂烩让网络陷入困境的灾难。 争论双方的问题在于,很少的站点在自然环境下使用HTML 5,所以现在所认识到的问题的理论解决方案仍然在很大程度上未[详细]
-
onbeforeunload与a标签在IE中的冲突bug
所属栏目:[经验] 日期:2018-10-02 热度:106
onbeforeunload 是window的一个事件,目前 Firefox ,IE都支持,主要用来提示用户是否真的要离开该页面,通常在一些比较重要的数据提交之前,防止用户误操作导致数据丢失。典型的应用如gmail中,在写邮件的时候,如果刷新页面或者关闭页面,会出现提示。[详细]
-
CSS滤镜同时过滤文字的解决方法
所属栏目:[经验] 日期:2018-10-02 热度:128
初用CSS滤镜的朋友可能会遇到这样的问题:给div套上filter:alpha(opacity=50); 滤镜后,里面的文字也随之半透明,这种情况下,我们该怎么办呢? 经过本人查阅大量资料,实验N次终于找到了一个兼容ie6,ie7,ie8以及firefox的css透明滤镜的方法,且看我举例说明.[详细]
-
html{overflow-y:scroll}引起的iframe滚动条问题
所属栏目:[经验] 日期:2018-10-02 热度:96
今天做iframe需求时发现chorme总是会出现滚动条,怎么都去不掉,scrolling=no这个属性丝毫不起作用。但是ie和firefox却没有出现这个滚动条,然后求助龙笛同学,才知道罪魁祸首是子页面里有一条html{overflow-y:scroll}引起的。 被iframe的页面中存在css:h[详细]
-
FCKEditor超级链接默认新窗口打开的修改教程
所属栏目:[经验] 日期:2018-10-01 热度:115
Fckeditor是一款开源的WEB可视化编辑器,因为该软件小巧、易用、方便受到大家的欢迎,国内很多CMS都采用了FCK编辑器,最近有很多网友向烈火反映关于FCK添加的超级链接不能在新窗口中打开,需要另外设置才可以,那么,能不能将链接默认为新窗口呢?答案是可[详细]
