-
使用CSS控制打印页面格式
所属栏目:[创业经验] 日期:2018-10-07 热度:119
由于客户要求,打印时需把打印的按钮去掉。这个时候就用到了控制打印的样式表了。 link rel=stylesheet type=text/css media=print href=print.css / 正因为xhtml和css是分离的,所以我们可以在print.css里自由书写需要打印显示的内容和表现形式。那么这也[详细]
-
CSS3 Media Queries使用方法详解
所属栏目:[创业经验] 日期:2018-10-07 热度:191
在css2中允许我们使用media的属性,例如使用screen和print,我也写过一篇关于使用CSS media的print来定义打印网页的样式的文章,关于css2中的media文章,推荐下w3c的。今天来说说CSS3的Media Queries。CSS3中不仅仅可以使用screen和print,而且支持多媒体[详细]
-
CSS创建竖排文字的简单方法,有演示
所属栏目:[创业经验] 日期:2018-10-07 热度:105
在制作网页的时候我们经常需要创建一些竖排的文字,或许这对你来说是一件很简单的事情,但是你是否想过用CSS可有N种创建竖排文字的方法?下面是由我翻译自Nettuts+的文章,希望这几种方法能够给你带来一些提示。 方法一:br /标签 一种可能的方法(但不推荐[详细]
-
神奇的 CSS 元素透明法
所属栏目:[创业经验] 日期:2018-10-07 热度:81
1、HTML 元素透明 其实本身,CSS 实现元素透明是件容易事儿。直接上代码: opacity:.5 opacity 指的是不透明度,取值为 0~1 之间,1 表示完全不透明,0 表示完全透明。 A 级浏览器基本都支持 opacity 属性,但碰上 IE,总没好事。不过 IE 有滤镜,可以帮助[详细]
-
给Button/input添加链接,前进,后退等功能
所属栏目:[创业经验] 日期:2018-10-07 热度:141
给Button/input添加链接,前进,后退等功能,看标题,大家就应该明白是怎么回事了,我们在日常的网页制作中使用a超级链接最多,而给按钮添加链接,有一部分朋友可能没用到过,今天烈火小编就把与button、input相关的链接,前进,后退,弹出确认alert窗口等的[详细]
-
IE 表单控件的按钮聚焦问题
所属栏目:[创业经验] 日期:2018-10-07 热度:195
按钮的写法有两种,一种是 input value=按钮/ 或者 button按钮/button,如果按钮用于表单提交,还必须加上 type 属性(type=submit)。为了美化按钮效果,一般会设置背景和边框属性。 但在 IE 下,表单区域获得焦点的情况下,如果按钮的 type 属性被设置为[详细]
-
CSS切换文本输入框input为英文输入模式
所属栏目:[创业经验] 日期:2018-10-07 热度:161
烈83火63网(LieHuo34.Net)教21程 这是一个纯CSS代码实现的功能,将表单中的文本框自动切换为英文输入模式,有意思吧,可以用于限制输入数字和字符。 此为网友投入,烈火没有测试,代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]html head ti[详细]
-
onmouseover的td里面有a标签时晃动
所属栏目:[创业经验] 日期:2018-10-06 热度:77
这是因为当鼠标移动到td里面的 a 上时,td 的 onmouseout 事件会被触发。 然后 a 的 onmouseover 被触发,由事件传递链,向上又发送到td, 因此 td 的 onmouseover 再次触发,于是就会有闪烁了。 有两种方法可以解决,第一,在 td 的onmouseout 中,对 event[详细]
-
css box-shadow阴影不透明的解决办法
所属栏目:[创业经验] 日期:2018-10-06 热度:67
你在使用box-shadow来实现阴影效果的时候,有没有注意到有些情况下,阴影并不是透明的效果 Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE HTML html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title烈火学院/titl[详细]
-
CSS之a:hover下的span样式无效的解决方法
所属栏目:[创业经验] 日期:2018-10-06 热度:199
下面的例子中,a标签里包含了一个span,我们可能希望当鼠标移到a上时,span的样式发生变化,但是在ie6下发现无效 !DOCTYPE HTMLhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312title/titlestyle type=text/cssa:hover span{font-[详细]
-
纯CSS3文字渐变内发光投影效果
所属栏目:[创业经验] 日期:2018-10-06 热度:66
今天群上面同志们在讨论css3内发光效果,自己也就研究一下,写了个效果出来,涉及css3投影,渐变,蒙版,伪类等知识点,现在写下设计思路,仅供参考。发个效果图大家看先: 一般我们都是用css3的box-shadow来实现盒投影,用text-shadow来实现文字投影,box[详细]
-
基于HTML5的小球物理测试系统,附实现原理
所属栏目:[创业经验] 日期:2018-10-06 热度:131
副标题#e# 在线演示:基于HTML5的小球物理测试系统 源码下载:点击进入下载页 功能说明: 一个基于HTML5 canvas的小球物理测试系统,用户可以手动为新的小球设置不同的属性值(颜色,半径,速度等),从而在canvas中发射小球,小球在 运动 过程中会收到重力[详细]
-
Css技巧:div下图片自适应大小的解决办法
所属栏目:[创业经验] 日期:2018-10-06 热度:111
今天,烈火网小编的一位站长朋友在修改模板时遇到一个DIV与图片自适应大小的问题,看了一下,这样的问题原因很简单,归结就是没有给div设置高度和宽度,那么当你设置了宽高以后也就无法自适应了,搜索了一下,找到一些解决实例,现在分享给大家: 以前的解[详细]
-
Css 自定义文件上传控件样式(兼容 IE6)
所属栏目:[创业经验] 日期:2018-10-06 热度:160
要想直接通过 CSS 来控制文件上传控件,基本没戏的。当然也有一些解决方案,例如 Mr.Think 的这篇文章《利用label标签和CSS美化文件上传表单(不兼容IE6)》。昨天也恰好遇到了这个问题,顺手记录下吧。 首先,给 input type=file 元素戴个套子,这样比较安[详细]
-
一行代码解决IE8浏览器兼容问题
所属栏目:[创业经验] 日期:2018-10-06 热度:190
一行代码解决 IE8 浏览器与IE7之间的兼容性问题,热门的tag非IE8莫属,各浏览器厂商争相发布版本更新,部分网页也存在与IE8的兼容性问题,简单一行代码,让IE8自动调用IE7的渲染模式,只需要在页面中加入meta http-equiv=X-UA-Compatible content=IE=Emula[详细]
-
CSS Hacks for IE,IE 也可以很完美
所属栏目:[创业经验] 日期:2018-10-06 热度:110
掌握 CSS Hacks 可以说是前端开发工程师的一个基本技能。随着浏览器版本的遍地开花,我们寻找着尽可能使各种浏览器表现一致的 CSS 写法。当然 CSS Hacks 是最为流行的解决方案。但对于 IE 而言,目前已经有 IE6/IE7/ IE8 三个主要版本,不久的将来还会有 IE[详细]
-
纯CSS3透明水晶盒的实现
所属栏目:[创业经验] 日期:2018-10-06 热度:99
打过了趟深圳回来后,已经快半个月,在广州购书中心逛了下,发现2本前端书《重构HTML-改善WEB应用的设计》、《CSS3 实战》,看了一半《重构HTML》,发现看不下去,里面写的感觉不是很受用,可能是现在水平有限,参透不了,于是放下看《CSS3》。之前脑子里[详细]
-
[译文]避免常见的六种HTML5错误用法
所属栏目:[创业经验] 日期:2018-10-06 热度:166
原文链接请点击此处,作者为Richard Clark. 本文为原创翻译,同时对原文做了一些简化处理。本文遵循署名-非商业性使用协议。 一、不要使用section作为div的替代品 人们在标签使用中最常见到的错误之一就是随意将HTML5的section等价于div具体地说,就是直接[详细]
-
纯Css实现网页上的Tips提示之小三角箭头
所属栏目:[创业经验] 日期:2018-10-06 热度:149
使用纯Css实现的网页上一个Tips提示效果,相信大家都在一些大网站见到过,例如,我们经常在淘宝网上购物时看到的小提示功能,如图一,在本例子中我们仅实现了小三角箭头,并没有实现关闭功能,因为关闭功能还需要引入相应的JS才可以。 下边我们来看实例代[详细]
-
IE6中a标签location.href失效解决方法
所属栏目:[创业经验] 日期:2018-10-06 热度:137
今天遇见IE6一个location.href的bug,具体情况是这样的,IE6下,在a标签中,将href写成javascript:;javascript:void(0);,并且给这个标签绑定onclick事件,点击后,执行location.href实现页面跳转,例如下面的代码: a href=javascitp:; onclick=toURL()点[详细]
-
CSS中各个浏览器兼容的解决办法
所属栏目:[创业经验] 日期:2018-10-06 热度:163
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-06 热度:73
IE8 认为所有的表格单元格都具有 colfont 属性。因此如果需要单独针对具有 colfont 属性的单元格设置样式,就有点棘手了。 td[colfont],th[colfont] {/* 注意:不管单元格是否有 colfont 属性,在 IE8 中该样式一律是生效的even if they don't have a colf[详细]
-
Css教程:可变高宽的圆角框
所属栏目:[创业经验] 日期:2018-10-06 热度:104
矩形框在网页中较为常见,不过个人觉得还是圆角框更为美观。那么圆角框是如何用DIV+CSS来实现的呢?假如把一张圆角框图片直接作为背景来处理,那么高宽就都被定死了,无法随内容而改变大[详细]
-
如何在html标记中调用的函数里传递对象
所属栏目:[创业经验] 日期:2018-10-06 热度:50
最近使用jquery结合Ajax开发一个中小型网站应用。在后台管理中要使用Ajax调用系统功能,根据Ajax的返回结果,使用 jQuery 对前台页面进行操作。 比如,使用Ajax调用删除信息的后台功能,如果返回success,则调用删除一行信息。 大体代码如下: Copy to Cli[详细]
-
Css等比例缩放图片后截取图片中的一部分
所属栏目:[创业经验] 日期:2018-10-06 热度:179
因为在做一个简单的相册功能,做相册封面的时候我考虑了几种方法使用PHP在图片的缩略图上取出正方形的一块,但是Google一下后发现有更简单粗暴有效的使用纯CSS实现的方法 截取前: 截取后: CSS代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]img[详细]

浙公网安备 33038102330484号