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;...
Web前端开发 / / 5325次阅读

jQuery hover改变div边框颜色

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

CSS overflow 属性介绍

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

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

DIV+CSS里单行文字垂直居中仅需要在DIV添加height属性后再添加个line-height属于就可以了。 #neirongorg {height:25px;line-height:25px;} 仅需要这样就可以达到单行文字垂直居中的效果。也可以应用到DIV垂直居中里。 也可以使用Vertical center现实,不它只对(X)HTML元素中拥有valign特性的元素才...
Web前端开发 / / 4529次阅读

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

使用CSS+DIV制作网页的时候,由于目前浏览器太多,每个浏览器都有不同的CSS的BUG问题,其中IE浏览器特别多,加上用户总坚持着老版本不放,也加重了网页设计师的麻烦。float浮动之后margin产生双边距便是IE6中很明显的BUG。 什么是双边距? 先看以下CSS代码: #neirong{float:left;width:250px;height:250px;margin:10px;} 表示宽高为250像素的D...
Web前端开发 / / 10466次阅读

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

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

div+css让图片垂直居中方法技巧

在网页设计过程中,有时候会希望图片垂直居中的情况。而且,需要垂直居中的图片的高度也不确定,这就会给页面的布局带来一定的挑战。下面总结了一下,曾经使用过的几种方法来使图片垂直居中,除了第一种方法只限于标准浏览器外,另外两种方法的兼容性还不错。 方法一 将外部容器的显示模式设置成display:table,这个设置的意思不用多说了吧… img标签外部再嵌套一个span标签,并设置span的显示模式为disp...
Web前端开发 / / 4914次阅读

解决expression在Chrome浏览器不能加载css的问题

先看一段HTML代码,在下边这段代码中,这张图片的宽度未知,我想写在CSS中写一行限制最大宽度为50px: <div id="test"> <img src="/sheji/Files/2011-10/8/93619040.gif" /> </div> Firefox或IE较高的版本可以直接写max-width。在IE的低版本浏览器中,我们可能会写如下的代码: #te...
Web前端开发 / / 6604次阅读
解决expression在Chrome浏览器不能加载css的问题

网页制作css技巧之zoom:1;作用

zoom这个特性是IE特有的属性。 zoom:1;一般是拿来解决IE6的子元素浮动时候父元素不随着自动扩大的问题,功能相当于overflow:auto,同样也可以用height:1%来代替zoom:1。 所以一般要在浮动元素的父元素加上overflow:auto;zoom:1; 。这样,子元素浮动,父元素再也不会不自动跟子元素扩大了。 PS:一直认为IE6应该从广大网民的电脑中删除或升级了,作为...
Web前端开发 / / 5018次阅读

IE6不支持min-height的解决办法

IE6不支持min-height的解决办法有两种解决方案。 方法一:利用IE6不识别!important来实现 height:auto!important; height:500px; min-height:500px; 方法二:必须保证#test以外的都要是overflow:visible。否则还是不会显示超出。 min-height:100px; back...
Web前端开发 / / 4532次阅读