兼容各大浏览器的CSS透明的技巧

关于CSS透明度,有一点需要注意的是,它虽然使用了很多年,但它一直以来都不是一个标准属性。它是一种非标准技术,应该是CSS3规范的一部分。 一、旧的Opacity设置 以下代码是Firefox和Safari旧版本所需的透明度设置: Example Source Code #myElement{-khtml-o...

日期:2011-03-12 21:50:42

点击:121

CSS网页布局中默认字体样式的写法

浏览器默认的样式往往在不同的浏览器、不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法。 拿...

日期:2011-03-12 21:42:03

点击:542

利用CSS的@font-face属性在网页中嵌入字体

字体使用是网页设计中不可或缺的一部分。网页是文字的载体,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计。 美工设计师最常做的办法是把想要的文字做成图片,这样做有几个明...

日期:2011-03-12 21:35:19

点击:88

CSS+JavaScript实现居中的半透明弹出层

DivCSS+JavaScript实现弹出一个始终居中的半透明层,它可以自动适应浏览器窗口大小,拖动IE滚动条它仍然居中,而且还可以改变它的透明度,和大站的效果是一样的。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht...

日期:2011-03-12 21:28:40

点击:158

CSS网页布局中容易发生的错误编码问题

在应用DIV+CSS编码时很容易犯一些错误,这里列举一些常见的错误,帮助新手朋友更好的学习与进步。 一、检查HTML元素是否有拼写错误是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 二、检查CSS是否正...

日期:2011-03-12 21:27:01

点击:116

css误区:CSS网页布局避免滥用DIV与span

CSS网页布局应该避免滥用div元素一直是我们倡导的,以合适的HTML标签组织文档是CSS网页布局的基...

日期:2011-03-12 20:56:25

点击:166

CSS实现DIV的高度自适应

关于 div 高度的自适应,一直是个让人头疼的问题,整理了一下以前总结的方法,仅表示我也玩过。目前,这种方法是最流行的,同样也是一种“欺骗性”的解决办法,不过除了多使用一张图片之外,都可以堪称完美,这也是笔者极力推荐的! [html]代码: 这边的高度...

日期:2011-03-01 22:42:05

点击:222

关于css属性absolute的一些解析

记得刚认识absolute的时候,不知道在哪本参考书上看到过关于关于它的介绍,大概意思是这样的,“一个定义了absolute的子级元素(以下简称child)总离不开一个定义relative的父级元素(以下简称parent),否则child将相对于body定位”,时至今日,我不敢说这...

日期:2011-03-01 22:36:41

点击:177

来自google的非背景中图片的css sprites应用

前些天注意到google的一个css sprites,页面是在google的搜索结果页面,例如 在google搜索zend studio ,就在这个页面,初看左上角的logo并无任何特别,当我准备将其另存为,我发现,这整张图片是这样的: 因为在背景中我是常用到或者看到css sprites,而这张...

日期:2011-02-26 21:34:38

点击:138

CSS解决IE和火狐居中对齐兼容问题

问题描述:在ie里面显示是居中的,但是在firefox里就变左对齐了。这是ie与firefox浏览器解析css样式的区别,两者不完全兼容....

日期:2011-02-22 09:41:01

点击:197

css代码ie6 position:fixed解决方案

当前主流浏览器中,chrome,firefox,ie7,8等想要固定一个元素位置,不随内容的滚动而滚动,众所周知,css中position: fixed;即可解决。 可是要在IE6中实现固定效果,position: fixed;就不奏效了。 目前我所知的ie6下fixed的方案大概有纯css和expression+js两种,各有利...

日期:2011-02-12 13:46:36

点击:17

使用css实现背景色半透明效果代码

其实说到半透明,相信绝大部分同仁应该都知道的一种很常用的方法,即css3的opacity结合ie alpha滤镜即可。...

日期:2011-02-12 12:03:31

点击:1796

纯CSS实现“三角形箭头”布局的实例代码

CSS实现“三角形箭头”布局的一些实例代码,我想搞CSS的朋友都知道这个吧?在几年前还必须用图片实现的东西,现在用CSS就搞定了,不得不羡慕作者对CSS的执着。不过这绝对是一个好用的CSS技巧,使用它可有效减少因使用图片给页面带来的影响,有效提升网页加载...

日期:2011-02-12 09:48:50

点击:127

CSS兼容浏览器实现圆角代码

CSS兼容浏览器实现圆角代码: [css]代码: .rounded-corners { -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Chrome */ border-radius: 10px; /* CSS3, IE9 支持此样式 */}...

日期:2011-02-09 12:32:24

点击:73

简单CSS代码实现透明效果

简单CSS代码实现透明效果 [css]代码: /* 值越大,越不透明*/img { opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=75); /* IE lt 8 */ -ms-filter: "alpha(opacity=75)"; /* IE 8 */ -khtml-opacity: .75; /* Safari 1.x *...

日期:2011-02-09 11:30:38

点击:157

jQuery关于CSS操作使用说明

对于jQuery的源代码,其中关于CSS及className的操作思想确实很不错,值得借鉴。 其中关于jQuery.className.has的定义部分,是用的正则来实现的,其实此处直接利用Javascript中String对象的indexOf方法来作处理的话,比用正则效率会更些,因此 jQuery.classNa...

日期:2010-10-14 23:06:19

点击:145

IT技术网收集:CSS经典技巧十则

1.CSS字体属性简写规则 一般用CSS设定字体属性是这样做的: font-weight:bold; font-style:italic; font-varient:small-caps; font-size:1em; line-height:1.5em; font-family:verdana,sans-serif; 但也可以把它们全部写到一行上去: font:bolditalicsmall-c...

日期:2010-10-13 00:21:15

点击:94

网页制作常用的5个CSS书写技巧

1. CSS Reset/重置 你也许需要先了解什么是css重置。然后怎么样写css重置呢。 你可以copy Eric Meyer Reset, YUI Reset或其它css reset, 但你接下来应该根据你的项目改成你自己的reset. 不要使用* { margin: 0; padding: 0; } 。我个人很爱用,原作者提到使...

日期:2010-10-13 00:19:52

点击:132

深入剖析:CSS框架的利与弊

CSS框架之利: 1、开发效率的提高。 如果你是一个企业建站的前端开发,相信在大部分时间里进行着同类站点的代码工作。定义好的框架可以大大提高你的工作效率,避免一些常见的错误。如果你的工作是按件计费的,你的报酬一定会比别人多。 2、规范代码命名。 在...

日期:2010-10-13 00:18:08

点击:135

分享:CSS精粹之布局技巧

1.若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用,请见 http://validator.w3.org 请注意,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新...

日期:2010-10-13 00:17:18

点击:154

CSS hackIE与Firefox的CSS兼容大全

CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。 常见兼容问题: 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时,...

日期:2010-10-13 00:13:54

点击:186

CSS中:list-style-type的用法

语法: list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha...

日期:2010-10-13 00:10:39

点击:118

四种引入CSS样式表的方式

一、使用STYLE属性: 将STYLE属性直接加在个别的元件标签里。 元件(标签) STYLE=性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...} 例如: TD STYLE=COLOR:BLUE; font-size:9pt; font-family:标楷体; line-height:150% 这种用法的优点 是可灵巧应用样式於各...

日期:2010-10-13 00:09:23

点击:73

CSS如何设置网页滚动条的颜色

我们在浏览网页的时候有时可以看到网页滚动条颜色不是系统默认的样式,而是漂亮的红色或其它颜色样式,其实这就是在网页代码之间加入代码来实现的,具体是哪些代码呢? 下面来看代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3....

日期:2010-10-13 00:06:42

点击:216

2010最新CSS Hack汇总快查

*:lang(zh) select {font:12px !important;} /*FF的专用*/ select:empty {font:12px !important;} /*safari可见*/ 这里select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的。 仅IE7识别 *+html {} 当面临需要只针对IE7做样式的时候就可以采用这...

日期:2010-10-10 15:34:21

点击:200

CSS初学者必知:CSS选择符详解

一、类型选择符 什么是类型选择符?指以网页中已有的标签类型作为名称的行径符。body是网页中的一个标签类型,div,p,span都是。 如下: body {} div {} p {} span {} 二、群组选择符 对于XHMTL对象,可以对一组同时进行了相同的样式指派。 使用逗号对选择符...

日期:2010-10-10 00:13:49

点击:176

CSS兼容性解决方案合集

使用XHTML+CSS构架好处不少,但也确实存在一些问题,不论是因为使用不熟练还是思路不清晰,我就先把一些我遇到的问题写在下面,省的大家四处找。 1.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法: div{margin:30px!important;margin:28p...

日期:2010-10-10 00:11:22

点击:177

CSS+DIV有什么优点及优势

CSS+DIV是网站标准(或称WEB标准)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。 CSS是英语Cascading Style Sheets(层叠样式...

日期:2010-10-10 00:01:37

点击:178

新手使用CSS的基本技巧

我开始使用CSS布局方法以来所有的技巧和兼容方案,我愿意把这些与你分享,我会重点解释一些新手容易犯的错误(包括我自己也犯过的),如果你已经是CSS高手,这些经验技巧可能已经都知道,如果你有更多的,希望可以帮我补充。 一.使用css缩写 使用缩写可以帮助...

日期:2010-10-09 23:53:34

点击:130

173IT技术网总结常用CSS缩写语法

使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有...

日期:2010-10-09 23:45:59

点击:175

Javascript函数 判断数字的合法性

Javascript函数 判断数字的合法性——这里给出的是一个独立的函数,可以自己调用并验证。当然,最好是应用在表单验证中……...

日期:2011-01-07 15:59:08

点击:18

ADSL宽带共享问题

1.有的朋友使用了以太网接口的ADSL MODEM上网,然后通过HUB或者交换机,几台机器组建局域网,然后共享上网的解决方案下面以使用实...

日期:2011-01-06 15:05:14

点击:14

概念解析IA架构服务器

虽然IA构架服务器始于PC,但经过不断的发展,IA架构服务器已经远远超出了PC的概念,它在如下几个方面不同于PC。...

日期:2011-01-08 12:15:09

点击:13

C#中的平台调用

C#,C#语法,CSHARP,C#中的平台调用...

日期:2011-07-20 09:56:14

点击:12

CorelDRAW X4庆祝正月十五

 正月十五日“元宵节”到了,在此祝大家元宵节快乐!下面和大家分享一下元宵节招贴画的制作方法,以各种绘图工具结合文字工具,完成整个招贴画的绘制。...

日期:2013-06-23 20:29:29

点击:23

模仿Flash并实现动态弹性跳动的菜单

模仿Flash并实现动态弹性跳动的菜单——这个效果很好看,您可以拷贝过去修改其中的样式和内容,为你所用。...

日期:2011-01-07 15:59:08

点击:16

C#3.0中隐式类型化数组

C#,,CSHARP,C#3.0中隐式类型化数组...

日期:2011-07-20 09:56:16

点击:12

通过JDBC连接oracle数据库的十大技巧

Java数据库连接(JDBC)API是一系列能够让Java编程人员访问数据库的接口,各个开发商的接口并不完全相同。在使用多年的Oracle公...

日期:2011-01-06 17:47:47

点击:8

借用Word美化设置打印Access数据表格

Access处理功能十分强大,但在打印设置功能上却不及Word,所以我们可以请出Word来美化设置和打印Access数据表格。首先,在Access打开源,做完排序等数据处理后,在“导航”窗格中,选择包含待导出数据的对象。接下来根据所用Access版本不同,介绍后续不同操作。...

日期:2013-08-18 14:16:24

点击:15

overflow也可以用来清除浮动

overflow也可以用来清除浮动,嘿嘿,这个方法不单使用简单,而且FF、OP、IE7都支持,从此可以告别那又长兼容性又差的FF清浮动的方法了。 方法真的很简单,只要为需要清浮动的标签加上overflow这个属性。 ?xml version="1.0" encoding="utf-8"?!DOCTYPE html...

日期:2011-03-01 20:59:58

点击:184

共3页/63条 首页 1 2 3 下一页 末页