菜单

list-style-image失效background替换方法

使用css+html制作网页时,经常会出现css代码在某浏览器没有效果的情况,如list-style-image代码就经常不能显示出图标,有些时候是因为使用了float的原因,有些时候却难以发现是什么原因。解决的方法一般是使用background背景图片的方法。 如以下css代码: #sidebar ul {margin:15px 0;} #sidebar ul li {line-height:1.5em; padding-left:10px; background:url(images/post.jpg) no-repeat center left; font-...

jQuery hover改变div边框颜色

今天在做一个网页,需要用到鼠标悬浮hover改变当前div边框颜色,由于IE6之类的浏览器不支持非a以外的伪类,所以就用jQuery实现。刚开始使用addClass添加样式的方法,发现不能成功,后来就直接通过jquery给当前div添加一个border的样式。 实现效果的方法: $(document).ready(function() { $('.themelist').hover(function() { $(this).addClass('add'); },function(){ $(this).removeClass('add'); });...

CSS overflow 属性介绍

overflow 属性规定当内容溢出元素框时发生的事情。这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。overflow属性默认值为auto 设置 overflow 属性: div { width:960px; height:150px; overflow:scroll; } overflow其它值如下: visible     默认值。内容不会被修剪,会呈现在元素框之外。 hidden...

jQuery hover(over,out)事件的用法

hover(over,out)这是jQuery的一个模仿悬停事件,即当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测,如果是,则会继续保持“悬停”状态,而不触发移出事件。 参数 over (Function) : 鼠标移到元素上要触发的函数 out (Function) : 鼠标移出元素要触发的函数 jQuery 例子代码: $('.single').hover(function(){ //鼠标放上去执行某动作 $(...

DIV+CSS单行文字怎么垂直居中?CSS单行文字垂直居中的方法

DIV+CSS里单行文字垂直居中仅需要在DIV添加height属性后再添加个line-height属于就可以了。 #neirongorg {height:25px;line-height:25px;} 仅需要这样就可以达到单行文字垂直居中的效果。也可以应用到DIV垂直居中里。 也可以使用Vertical center现实,不它只对(X)HTML元素中拥有valign特性的元素才会生效,如表格元素中的td、th、caption等,但像span、div这样的元素是没有valign特性的,所以使用vertical-align对它们也就不起作...

在IE6中使用了float浮动元素导致margin产生双边距的解决方法

使用CSS+DIV制作网页的时候,由于目前浏览器太多,每个浏览器都有不同的CSS的BUG问题,其中IE浏览器特别多,加上用户总坚持着老版本不放,也加重了网页设计师的麻烦。float浮动之后margin产生双边距便是IE6中很明显的BUG。 什么是双边距? 先看以下CSS代码: #neirong{float:left;width:250px;height:250px;margin:10px;} 表示宽高为250像素的DIV左浮动,上右下左的边距margin为10像素。在其它浏览器中会如实显示,但在IE6中,左边距会变成20像素。这便是双边距。 产生的条件。 对于I...

CSS 实现logo图像链接替换文本链接

现在的网页设计一般用logo图片代码纯文本链接,而大部分网页设计师是直接在网页相关位置使用(&lt;img src="images/logo.gif"&gt;)实现的,其实更好的方法是直接使用CSS设置其背景图片,然后再对a标签进行样式定义,这样即利于搜索引擎辨别,也利于以后的变动修改。 如何利于CSS实现logo图片链接替换纯文本链接: 原html代码如下: <div id="logo"> <a href="http://neirong.org" title="资源共享"><img src="images/logo.gif"...

photoshop如何选中当前图层

photoshop如何选中当前图层

首先,打开一个有多个图层的图样,如图所示。 这个时候按下ctrl再点击你要选中的图层的小图样。如图所示,要箭头所指的方向。这个时候你就发现,你成功的选中了,如图所示。但有个条是,这个图层不能是背景图层。 那么如果这个图层是背景图层怎么办呢。首先,你要角锁这个图层,如图所示,双击一下当前图层的选项,如图所示。出现一个小的窗口,这个时候点击一下确定就可以了。如图所示。 这个时候,再重复上面的操作,也就是按住ctrl再按一下它的小图样就可以了,如图所示。你就可以成功的选中了。好了,不多说了,下图吧。 ...

设为首页和加入收藏代码 另类兼容各主流浏览器

目前还没有找到可以兼容各大浏览器的设为首页和加入收藏的代码,只能根据不同的浏览器进行提醒操作! 设为首页Javascript代码: function SetHome(obj,vrl){ try{ obj.style.behavior='url(#default#homepage)';obj.setHomePage(vrl); }catch(e){ if(window.netscape) { try { netscape.security.PrivilegeManager.enablePrivilege("UniversalXPC...