技术
文章平均质量分 56
yxgstar
这个作者很懒,什么都没留下…
展开
-
IE7和Firefox中背景颜色的解决方法
昨天制作页面的时候,遇到一问题:div外层定义的背景颜色不显示?在css样式中检查了一下也没什么问题,怎么会不显示呢,最后百度一下,答案迎刃而解。原来是因为定义外层的div,div高度会随着里边的内容增多而增高,不用定义高度,用属性overflow:hidden;背景颜色就可显示。 附overflow介绍:语法:overflow : visible | auto | hidd...2009-09-21 11:59:52 · 126 阅读 · 0 评论 -
更换图片
<div id=oTransContainer style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward'); WIDTH: 814px; HEIGHT: 296px;font-size:0;overflow:hidden;"&...2010-03-24 16:40:28 · 237 阅读 · 0 评论 -
更换颜色点击不同的按钮
<link id="cssChange" href="style.css" rel="stylesheet" type="text/css" /> function setSkin(n) { var css = document.getElementById("cssChange"); var cssList=new Array("yellow.css&quo2010-03-24 16:48:20 · 168 阅读 · 0 评论 -
CSS hack:区分IE6,IE7,firefox
文章转自:http://www.div-css.com/html/standard/hack/1136667.html区别不同浏览器,CSS hack写法: 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;backgroun...原创 2009-07-02 08:42:30 · 76 阅读 · 0 评论 -
七招帮你提高网页设计水平
文章来自:http://news.csdn.net/a/20090824/213336.html 1. 学好HTML和CSS编程这条之所以成为第一条是因为它是网页设计中最重要的部分。明白网页是如何在浏览器中渲染的可以防止你做出不合理的设计,比如那些无法用网页实现的设计。要保持与时俱进,弄清楚现什么效果可以用现在的CSS技术实现,什么效果不可以。使用CSS3最新技术设计的经典案例...原创 2009-08-25 15:09:31 · 122 阅读 · 0 评论 -
CSS3中的text-shadow属性:文字阴影
经常会看到页面中文字阴影的效果,觉得很漂亮,一般做这样的效果都是用图片显示的,现在通过定义样式就可以完成此效果。接下来看看text-shadow的语法:text-shadow:color length length length;color:颜色; length分别按顺序指“X轴方向长度 Y轴方向长度 阴影模糊半径”正值在X轴表示向右,负值表示向左.同样的道理Y轴负值是表示向上.其中任...2009-08-25 15:32:52 · 329 阅读 · 0 评论 -
多层边框的css制作-火狐
Mozilla -moz-outline CSS 有些时候我们在设计时,会把一个图形描两次边,而在网页中,只有一个border,在CSS 2中,有outline这个属性的,但是IE6尚不支持。而在Mozilla 中,我们完全拥有这个属性outline(低版本不支持,在较高的版本中已经支持)。这里介绍的是另一个moz自身属性:-moz-outline CSS 语法:-moz-...2009-08-31 15:34:12 · 174 阅读 · 0 评论 -
overflow与text-indent:-9999px 字体隐藏及input value偏移
文章来自:http://hi.baidu.com/happyangelzyl/blog/item/ec49f0434fb91e1b72f05db3.html通常偏移掉字体的方式是使用text-indent:-9999px;可是他有一个局限性 他只适用于块级元素block而我们往往有时候想偏移掉的a上的字体所以问题就来了text-indent:-9999px;虽然用起来比较惬...原创 2009-08-31 15:52:50 · 274 阅读 · 0 评论 -
css实现渐变效果
无标题文档gradrangc使用背景图片遮盖,和一个空的span标签,还有position: absolute声明来实现文本的渐变效果。2009-09-05 18:24:53 · 88 阅读 · 0 评论 -
ie6,ie7高度问题
I hate IE6!今天下午遇到一问题:ie6,ie7定义高度,真是很郁闷啊,捣鼓了半天也没解决,最后在百度上查了下。原来是在ie6中div有一个隐藏的属性font-size,IE6下默认的字体尺寸大致在 12 - 14px 之间,当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来...2009-09-05 18:30:29 · 113 阅读 · 0 评论 -
网页设计趋势之:”勾引”用户的按钮
文章来自:http://www.68design.net/Web-Guide/Web-Theory/45835-1.html 点击链接原创 2009-09-07 09:03:34 · 104 阅读 · 0 评论 -
点击按钮弹出层
<script>function msg(info){var p=document.createElement("DIV");if (!info) p.id="p";p.style.position="absolute";p.style.width=document.body.scrollWidth;p.style.height=(document.body.offsetHeigh...2010-03-24 16:26:39 · 150 阅读 · 0 评论 -
滑动导航二级菜单
//css样式.blogNav{width:950px;margin:0 auto; vertical-align:top;}.blogNav ul li{padding:0;margin:0;}.blogNav ul li.liTitle{margin:0 auto;width:950px;height:30px;overflow:hidden; margin-top:1px;}.blogN...2010-03-24 16:03:29 · 182 阅读 · 0 评论 -
不同效果的图片更换
//页面显示<div id=imgADPlayer></div> <script> PImgPlayer.addItem( "", "", "fso_image/00.jpg"); PImgPlayer.addItem( "", "", "fso_image/01.jpg")2010-03-24 15:44:35 · 149 阅读 · 0 评论 -
让Flash乖乖躲到Div浮动层下去
发现网站首页中因为放了好多Flash,结果把几个浮动的都挡住了。 第一想到的当然是把浮动层的z-index调高,但似乎z-index对Flash不起作用。又想到:把Flash设为透明呢?一试之下果然好用:只要在Flash对象加入页面时生成的HTML代码中加入以下参数就可以让Div浮动层从Flash下露出来了:<param name="wmode" value="transparent...2009-04-20 11:13:02 · 106 阅读 · 0 评论 -
tab选项卡
最近做东西,常用到的东西了。<style type="text/css"><!--.tab1{ background-image:url(../img/tab1.jpg); background-repeat:no-repeat; width:59px; height:25px; font-size:12px; color:#1f376d; line-height:2...2009-04-20 13:27:04 · 72 阅读 · 0 评论 -
针对html中radio多对多的js使用
<script type="text/javascript"> <!-- function $(obj) { return document.getElementById(obj); } function dk_onClick(dk,obj) { var radio=document.getElementsByName("ra...2009-04-20 14:15:33 · 184 阅读 · 0 评论 -
相对位置和绝对位置
这两天接触到css中定位的问题,常用的属性有两个:relative(相对)和absolute(绝对),虽然我们都知道这两个属性的意思,但具体到这条指令的用法还是不清楚,这里做一些细致的分析。 position:relative; 表示相对定位,被定位了这个属性的标签在所属的范围内可以进行上下左右的移,这里的移动与padding或是margin所产生的位置变化是不一样的。padding与ma...2009-04-27 12:20:48 · 375 阅读 · 0 评论 -
CSS---竖着的文字导航菜单制
来自走走停停看看的博客 网上目前两种方法竖排,一种是用 writing-mode:tb-rl;另一种是用 layout-flow: vertical-ideographic;但遗憾的是,这两种方法都基本是 IE Only 的……那么维基文库是如何做到的呢?随便翻看一下代码,恍然大悟~<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tran...原创 2009-04-29 17:13:12 · 429 阅读 · 0 评论 -
随滚动条滚动的两侧的层
最近工作中遇到了随滚动条滚动的层,在网上查了下有很多关于这方面的内容,感觉有点麻烦,还是自己总结下的好,既简单又实用。代码如下: <script type="text/javascript">function FloatTop(){ var startX1 =document.body.scrollLeft+document.body.offsetWidth-115 ,sta...2009-05-05 09:16:46 · 65 阅读 · 0 评论 -
qq客服随滚动条滚动
近段时间用到qq客服的内容比较多,在这总结一下。2009-05-20 08:41:19 · 86 阅读 · 0 评论 -
实用代码片段
1.设为首页 收藏本站<a href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.makewing.com/');">设为首页</a><a href="javascript:window.external.AddFavorite('htt...2009-05-26 11:01:51 · 93 阅读 · 0 评论 -
css 之 ime-mode
css 之 ime-mode 语法: ime-mode : auto | active | inactive | disabled 取值: auto : 默认值。不影响ime的状态。与不指定 ime-mode 属性时相同 active : 指定所有使用ime输入的字符。即激活本地语言输入法。用户仍可以撤销激活ime inactive : 指定所有不使用ime输入的字符。即激活非本地语言。用户仍可以...原创 2009-12-09 08:48:52 · 205 阅读 · 0 评论 -
单行多条信息滚动
//css样式#shangfan{font-size: 12px; line-height:24px; height:24px; width:500px;overflow:hidden;}#shangfan ul{margin: 0px 10px;padding: 0px;list-style-type: none;}#shangfan ul li{/*文字超出本行,自动省略*/overflo...2010-03-24 15:36:24 · 123 阅读 · 0 评论 -
图片无缝左右滚动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta h2010-11-09 12:38:07 · 119 阅读 · 0 评论