IE6,7并不支持CSS3的属性,IE8也不能很好的支持CSS3。如何让ie支持border-radius (rounded), box-shadow ( shadow), text-shadow等这些属性呢?这里介绍一个通过htc脚本实现这些属性的方法。
首先下载ie-css3.htc脚本。
...交互设计中心 | 用户体验 | 优化
IE6,7并不支持CSS3的属性,IE8也不能很好的支持CSS3。如何让ie支持border-radius (rounded), box-shadow ( shadow), text-shadow等这些属性呢?这里介绍一个通过htc脚本实现这些属性的方法。
首先下载ie-css3.htc脚本。
...
button按钮,如果文字太多的话,左右两边留白也会很多,这样很不美观,而且是每个浏览器左右留白的宽度不一,
那么我们就用一个简单的css来解决这个问题,精益求精吗!html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
...
1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。解决方案:给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要,在高度上我们不能容忍1px 的差异。
2.ff下容器高度限定,即容器定义了height之后,容器边框的外形就确定了,不会被内容撑大,而ie下是会被内容撑大,高度限定失效。所以不要轻易给容器定义height。
...
看看css3的魅力,这是国外牛人用css3制作的win7开始菜单样式,相当逼真,css3果然强悍。
友情提示:请勿在IE下浏览,用ie8来看还有点接近,推荐用FF来看。
...
现在这个网络环境做web开发者、前端开发者真是一件痛并快乐的事,
有太多的浏览器可以使用,对 Web 开发与设计者而言,你有义务保证你的设计兼容所有主流浏览器。然而跨浏览器测试是件相当复杂的事,涉及不同的浏览器,不同的版本,不同的平台。本文介绍了与跨浏览器兼容测试有关的大量资源。有线上版本有线下软件,更有甚者还有收费的。
在线测试资源
Browsershots
...
72色做了几年的前端现在来总结一下css技巧,也就是网络上推荐的所谓“顶级”的css三个技巧。
第一条:css不要换行。
.jrtjImg{ position:absolute; top:0px; left:0px; width:78px; height:44px; z-index:999; background:url(images/jrtjJl.gif) no-repeat;}
...
button样式真的不是那么好看,而且在不同浏览器里面还不一样的显示方式,让我们这些做web的很头痛,想让他漂亮起来总是不是那么方便,现在72色就写写css的方法,就当给大家抛砖引玉,让大家行动起来让讨厌的button边的可爱点。
先预览一下把:button样式
button结构
...
今天是玉树地震全国哀悼日,我没也行动起来,在这里默默哀悼,
使你的站点,博客变成黑灰色吧。
只要把下面这段代买加到css文件里就可以是整个站点被黑灰色。(不过在 FF里面不起作用,这就不管了。)
css代码:
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
...
现在做网站前端的真是命苦呀,要兼顾的浏览器就有n多个,一个项目坐下来累个半死,
我从网上整理了一些浏览器兼容的css方法,兼容IE6\IE7\IE8\Chrome\firefox等主流浏览器。
div类
1. 居中问题
div里的内容,IE默认为居中,而FF默认为左对齐
可以尝试增加代码margin:auto
...
Web网站可用性的关键指标是速度,更确切地说,是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种,包括Web服务器的速度、访问者的Internet连接情况,以及浏览器必须下载的文件大小。尽管你无法控制服务器和连接的速度,但是你可以控制构成网站Web页面的文件大小。
为了让网站能够更快,Web的建设者都会按常规地压缩和优化网站上的每一个图像文件,这常常使得为了将文件的大小减少几个百分点而牺牲了图像的质量。由于CSS样式表是纯文本文件,和图像相比相对较小,所以Web建设者很少考虑采取措施减少其CSS样式表文件的大小。但是,通过使用CSS缩写以及其他的一些简单技巧,你可以在很大程度上减少样式表的大小。在我对自己样式表的一次非正式的特别测试中,我把文件的大小降低了大约25-50%。...