![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 70
tzsmin
这个作者很懒,什么都没留下…
展开
-
30多个CSS和JS下拉菜单资源
导航菜单是网站设计中最重要的 因素之一。网络开发人员可以使用CSS创建方便用户的横向或纵向导航菜单, 而JavaScript则使人们有可能创造更多的互动,更多的响应和更灵活的导航到任何网站。Noupe在这篇文章里面提出了25个以上(横向和纵向)多 层次的下拉菜单,包括使用了JavaScript和CSS ,你可以将这些示例和教程用你的未来网站设计计划。帕兰照常为你翻译, 你也可以查看帕兰映像之前转载 2008-04-28 11:01:00 · 778 阅读 · 0 评论 -
区别不同浏览器,CSS hack写法!
区别IE6与FF: background:orange;*background:blue;区别IE6与IE7: background:green !important;background:blue;区别IE7与FF: background:orange; *background:green;区别FF,IE7,IE6: background:oran转载 2009-02-07 08:59:00 · 330 阅读 · 0 评论 -
网页里控制图片大小的相关代码
1、用鼠标拖动来改变大小function resizeImage(evt,obj){newX=evt.xnewY=evt.yobj.width=newXobj.height=newY}2、用鼠标滚动控制图片大小<imgsrc="7say.gif" onmouseenter="focus();" onmouseout="blur();"onmousewheel="width+=(转载 2009-02-13 14:55:00 · 1080 阅读 · 0 评论 -
DIV+CSS浏览器兼容性分析
1、用!important语法解决IE和其它浏览器之间的布局差别 !important是CSS1定义的语法,作用是提高指定样式规则的应用优先权。目前IE一不支持这个语法,而其他的浏览器则都支持。可以利用这一点来定义不同浏览器间的CSS样式。如下样式: .sidebar{ border:5px dotted #FC5 !important ; border:5px dotted #00F; pa转载 2008-12-16 15:08:00 · 721 阅读 · 0 评论 -
制作良好扩展性的通用Button
我们经常使用到a,button,input等标签,通过css加背景等方式来实现按钮的效果。但是要做一个通用的样式类,又能保证在各个浏览器下表现一致,还能有很好的扩展性的按纽可不就那么容易了。好了废话少说。进入正题。首先我们选择a和button两个标签作为通用按纽的外包装器。主要考虑到,在ie6不支持a以外的:hover伪类,使用a就可以对按钮做悬浮状态,这就是为什么选择他们做为最外层的包装器而转载 2008-12-25 13:44:00 · 240 阅读 · 0 评论 -
HTML里select的CSS样式的改变
本以为可以很简单的在CSS里像input那样的给解决,结果没想到试了一下才知道常规的CSS根本没法改变的select样式,CSS里怎么弄,select都仍然是默认的那三维的样式。于是在网上搜索了一下,才知道,原来这个select是不能用常规的方法来定义CSS样式的。要用特殊的方法来处理。相信有很多朋友在处理网页的时候都会遇到这个问题,于是找了一篇不错的文章转过来,希望对大家有帮助转载 2009-02-05 12:03:00 · 2086 阅读 · 0 评论 -
scrollbar的属性及样式分类:css
scrollbar的属性及样式分类:cssscrollbar的属性及样式分类:css 1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条) overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2.scrollbar-3转载 2009-01-20 12:18:00 · 7185 阅读 · 0 评论 -
firefox与IE对javascript和CSS的区别
1. document.formName.item(”itemName”) 问题说明:IE下,可以使用document.formName.item(”itemName”)或document.formName.elements[”elementName”];Firefox下,只能使用document.formName.elements[”elementName”].解决方法:统一使用document转载 2009-01-04 13:35:00 · 236 阅读 · 0 评论 -
FIREFOX层的自适应高度
在IE下很容易实现高度的自适应,但在FF下如果DIV层里包含的是层,而不是直接填充内容的话,是不会自动适应高度的,这在我们设置背景层时经常用到的,下面是一个例子: container作为最外层,在IE下可以自适应,但在FF下就只有main层与sidebar层可以,苦思良久,也问了许多朋友,最后还是从网上搜到答案,很简单:只需定义#container {display原创 2009-01-04 13:31:00 · 339 阅读 · 0 评论 -
css类库
CSS代码/*初始化样式*/ body{font-family:"宋体", Arial,Verdana, sans-serif, Helvetica; font-size:12px; color:#010000;} dl,dd,ul{list-style:none;} a img{border:0;} div,form,img,ul,ol,li,dl,dt,dd,h1,h转载 2009-01-07 15:46:00 · 280 阅读 · 0 评论 -
IE PNG Fix
This script adds near-native PNG support with alpha opacity to IE 5.5 and 6. Now you can have full translucency and no more ugly grey borders! It requires only one line in your CSS file, and no ch转载 2009-01-08 13:00:00 · 311 阅读 · 0 评论 -
CSS如何实现单行图片与文字垂直居中?
Example Source Code [www.52css.com]vertical-align初始值: baseline(缺省值)可否继承:否适用于: 内联元素说明:vertical-align:baseline使元素的基线同父元素的基线对齐.警告:vertical-align不能影响表格单元中的内容的对齐,对于块元素中的内容也一样. 文字不多,但时常有人范错误,有人说我用了为什么没有效果转载 2009-01-08 14:17:00 · 1923 阅读 · 1 评论 -
IE6下DIV高度显示的Bug
IE6下默认的字体尺寸大致在 12 - 14px 之间,当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度,实际在 IE 下显示的仍然是一个 12 px 左右高度的层。 要解决这个问题,可以强制定义该 div 的字体尺寸,或者定义 overflow 属性来限制 div原创 2009-01-10 12:35:00 · 412 阅读 · 0 评论 -
CSS为图片添加相框各种效果。
下载I’m using the same trick to show you how to decorate your images andphoto galleries without editing the source images. The trick is verysimple. All you need is an extra tag and apply转载 2009-01-08 12:19:00 · 1016 阅读 · 0 评论 -
JavaScript 仿LightBox内容显示效果
近来要做一个LightBox的效果(也有的叫Windows关机效果),不过不用那么复杂,能显示一个内容框就行了。这个效果很久以前就做过,无非就是一个覆盖全屏的层,加一个内容显示的层。不过showbo教了我position:fixed这个新特性,决定重写一遍。先看效果:<!--var isIE = (document.all) ? true : false;var isIE6 = i转载 2009-01-16 08:53:00 · 411 阅读 · 0 评论