-
CSS将图片设置为网页背景的基础教程
所属栏目:[创业经验] 日期:2018-10-13 来源:DaWei
本文将介绍Css的基础教程,如何使用Css把图片设置为网页背景,我们都知道如何使用dw设置网页背景,那利用了html的基础语法,如下: body background=images/liehuo.gif 那么再来看一下css中是如何设置的。 HTML head titleCSS将图片设置为网页背景/title s[详细]
-
CSS中各个浏览器兼容的解决办法
所属栏目:[创业经验] 日期:2018-10-08 来源:DaWei
1. CSS中几种浏览器对不同关键字的支持,可进行浏览器兼容性重复定义 !important 可被FireFox和IE7识别 * 可被IE6、IE7识别 _ 可被IE6识别 *+ 可被IE7识别 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;[详细]
-
IE8 中关于 colspan 属性的 bug
所属栏目:[创业经验] 日期:2018-10-08 来源:DaWei
IE8 认为所有的表格单元格都具有 colfont 属性。因此如果需要单独针对具有 colfont 属性的单元格设置样式,就有点棘手了。 td[colfont],th[colfont] {/* 注意:不管单元格是否有 colfont 属性,在 IE8 中该样式一律是生效的even if they don't have a colf[详细]
-
Css教程:可变高宽的圆角框
所属栏目:[创业经验] 日期:2018-10-08 来源:DaWei
矩形框在网页中较为常见,不过个人觉得还是圆角框更为美观。那么圆角框是如何用DIV+CSS来实现的呢?假如把一张圆角框图片直接作为背景来处理,那么高宽就都被定死了,无法随内容而改变大[详细]
-
Css等比例缩放图片后截取图片中的一部分
所属栏目:[创业经验] 日期:2018-10-08 来源:DaWei
因为在做一个简单的相册功能,做相册封面的时候我考虑了几种方法使用PHP在图片的缩略图上取出正方形的一块,但是Google一下后发现有更简单粗暴有效的使用纯CSS实现的方法 截取前: 截取后: CSS代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]img[详细]
-
Css控制图片大小,自适应缩放,兼容IE6和Firefox
所属栏目:[创业经验] 日期:2018-10-08 来源:DaWei
Css控制图片大小,自适应缩放,兼容IE6和Firefox,例如我们在日常的网站设计当中,总是会遇到这样的问题,图片大小未知,而我们设计的网站内容区域的宽度是一定的,如果给所有图片设置等量的宽度显示是不行的,通过查询CSS手册,我们知道max-width和max-he[详细]
-
基于HTML5的小球物理测试系统,附实现原理
所属栏目:[创业经验] 日期:2018-10-08 来源:DaWei
副标题#e# 在线演示:基于HTML5的小球物理测试系统 源码下载:点击进入下载页 功能说明: 一个基于HTML5 canvas的小球物理测试系统,用户可以手动为新的小球设置不同的属性值(颜色,半径,速度等),从而在canvas中发射小球,小球在 运动 过程中会收到重力[详细]
-
Css技巧:div下图片自适应大小的解决办法
所属栏目:[创业经验] 日期:2018-10-08 来源:DaWei
今天,烈火网小编的一位站长朋友在修改模板时遇到一个DIV与图片自适应大小的问题,看了一下,这样的问题原因很简单,归结就是没有给div设置高度和宽度,那么当你设置了宽高以后也就无法自适应了,搜索了一下,找到一些解决实例,现在分享给大家: 以前的解[详细]
-
Css 自定义文件上传控件样式(兼容 IE6)
所属栏目:[创业经验] 日期:2018-10-08 来源:DaWei
要想直接通过 CSS 来控制文件上传控件,基本没戏的。当然也有一些解决方案,例如 Mr.Think 的这篇文章《利用label标签和CSS美化文件上传表单(不兼容IE6)》。昨天也恰好遇到了这个问题,顺手记录下吧。 首先,给 input type=file 元素戴个套子,这样比较安[详细]
-
一行代码解决IE8浏览器兼容问题
所属栏目:[创业经验] 日期:2018-10-08 来源:DaWei
一行代码解决 IE8 浏览器与IE7之间的兼容性问题,热门的tag非IE8莫属,各浏览器厂商争相发布版本更新,部分网页也存在与IE8的兼容性问题,简单一行代码,让IE8自动调用IE7的渲染模式,只需要在页面中加入meta http-equiv=X-UA-Compatible content=IE=Emula[详细]
-
有关 HTML5 的应用现状与发展前景的思考
所属栏目:[创业经验] 日期:2018-10-04 来源:DaWei
现在的 HTML5 就像当年崭露头角时的 Ajax,有人在做,但不知道叫它什么。最近,苹果在 HTML5 上大做文章,而著名的 Web 设计师 Eric Meyer 则提出了 Web Stacks 的概念。Alex Kessinger 是 Yahoo 的一名前端工程师,本文是他对 HTML5 应用现状与前景的思考[详细]
-
模仿 Google 新搜索框的阴影效果
所属栏目:[创业经验] 日期:2018-10-04 来源:DaWei
如图所示,注意搜索框的下边框和右边框的简单阴影效果。一起到Google看看去! 是图片吗? 不是,Google是通过3个不同颜色的边框实现的简单阴影。 (注意:Google的效果不支持IE6,但是模仿的效果支持所有浏览器。) Google是如何实现的? Google的主要HTML代[详细]
-
如何隐藏滚动条?IE去掉滚动条HTML代码
所属栏目:[创业经验] 日期:2018-10-04 来源:DaWei
做了一个页面,与桌面 分辨率 一样大小,但是在IE全屏(F11)下却显示有滚动条,而火狐确没有。怎么样去掉IE滚动条呢?其实有一个属性就可以解决。 方法1:直接在body里面加上属性scroll 代码如: body scroll=no 方法2:使用样式表overflow 代码如: HTML[详细]
-
IE6 select z-index无效,遮挡div的解决教程
所属栏目:[创业经验] 日期:2018-10-04 来源:DaWei
在最近的一个项目中,遇到了IE6 select遮挡div的bug,为了解决这个bug我查了很多资料,试图找到一个最最有效的方法,很多人是通过iframe的方法来解决,其实我查了国外的很多资料也是通过iframe的方法来解决的。今天我说说iframe解决的一般方法,已经使用 j[详细]
-
Img,Script,Link等标签为空可导致页面多余请求
所属栏目:[创业经验] 日期:2018-10-04 来源:DaWei
把页面中的img,script,link等标签为空链可以导致页面多余请求的问题,包括IE, Firefox ,chrome, Safari !但是相对于img,script跟link的src、href为空时,在IE下不做请求,而 Chrome , Safari, 和 Firefox则会出现一次多余的新请求。下面详细讲解一[详细]
-
用HTML5制作网页 - HTML5实例教程
所属栏目:[创业经验] 日期:2018-10-04 来源:DaWei
根据你们询问的人,HTML 5不是迈向创造更语义化的网络的下一 个重要步伐,就是用一系列不完整的标签和标记大杂烩让网络陷入困境的灾难。 争论双方的问题在于,很少的站点在自然环境下使用HTML 5,所以现在所认识到的问题的理论解决方案仍然在很大程度上未[详细]
-
从语义开始 – 概念、意义、实践 [多图]
所属栏目:[创业经验] 日期:2018-10-04 来源:DaWei
随着WEB标准在国内的不断普及,结构表现行为分离、模块化、语义化、优雅退化等概念也成为考核一名前端人员对WEB标准理解的重要条目,其中,由于SEO背后的商业价值影响,语义化得到了突出的重视,作为一名刚入门的前端工作者,我也曾单纯地认为,语义化便是[详细]
-
{ hide_text } CSS文字隐藏总结报告
所属栏目:[创业经验] 日期:2018-10-04 来源:DaWei
最近整理的一份CSS文字隐藏的demo,总结了几种方法,希望得出一种最完美的方案放进自己的代码片段,可是,到最后却陷入一种重复不断地推翻结论的境地。因为需要考虑的应用场景和元素实在太多,放下浏览器不谈,不同的应用终端,不同的标签结构会有不一样的[详细]
-
CSS跨浏览器开发原则[图文教程]
所属栏目:[创业经验] 日期:2018-10-04 来源:DaWei
在互联网设计过程中,可以说没有什么比开发出一个能够在当前所有浏览器下都具有同样吸引眼球效果的设计更让人高兴的事了。遗憾的是,这个目标似乎都被普遍认定为不太可能实现。甚至有些人抛弃了对完美的追求,认为跨浏览器的兼容性并不是必备的。 虽然我也[详细]
-
ie8 css hack 颜色使用示例
所属栏目:[创业经验] 日期:2018-10-04 来源:DaWei
随着win7使用者的不断扩大,开始将ie8纳入开发兼容浏览器范围 9 例:margin:0px auto9;.这里的9可以区别所有IE和FireFox. * IE6、IE7可以识别. IE8 、FireFox不能. _ IE6可以识别_,IE7、IE8、FireFox不能. .color{ background-color: #CC00FF; /*所有浏览[详细]
-
全兼容可高亮二级缓冲折叠菜单[附DEMO演示]
所属栏目:[创业经验] 日期:2018-10-01 来源:DaWei
最近一段时间一直比较忙,已经有好几个月没有打理博客了。现将一个最近在项目中制作的一个菜单实例整理出来,共享一下。 在后台或OA系统中最常用到的布局往往是一个全屏布局,一般都是上中下三行两列布局,页头、页脚、左侧菜单加一个右侧ifame框架页。所[详细]
-
什么是css sprite?原理优缺点及使用实例
所属栏目:[创业经验] 日期:2018-10-01 来源:DaWei
关于CSS Sprite CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度[详细]
-
js+css实现禁止鼠标右键与选中网页文字
所属栏目:[创业经验] 日期:2018-10-01 来源:DaWei
关于禁止右键的文章,烈火也曾经提到过几篇,相关代码都比较冗长,不够精简,在本文中我们来看一个js+css简单实现的代码,可以禁止鼠标右键及选中网页中的文字,支持 Firefox 火狐浏览器 。 CSS代码: body{ -moz-user-select:none; hutia:expression(this.[详细]
-
图片自适应大小,超出部分自动隐藏缩略
所属栏目:[创业经验] 日期:2018-10-01 来源:DaWei
在制作网站布局中,图片的自适应功能是一个非常重要的功能,一般的用处是来防止图片撑开容器而对图片的尺寸进行必要的控制。有一个比较简单的方法来实现: max-width:600px; IE7、FF等其他非 IE浏览器 下最大宽度为600px。但在IE6中无效。 width:600px; 在[详细]
-
CSS+DIV层跨浏览器定位代码,附效果演示
所属栏目:[创业经验] 日期:2018-10-01 来源:DaWei
本教程主要说的是纯CSS实现跨浏览器固定定位,这是个基础问题,关于CSS的相关知识,你可以参考烈火提供的CSS中文手册,关于此类问题,现在可以了解一下,但是在以后却要经常面对的问题,本代码不仅实现绝对定位,而且也实现了跨浏览器,参考一下便会明白了[详细]





浙公网安备 33038102330576号