zoukankan      html  css  js  c++  java
  • css设置背景图片,ie显示不了

    本来是想给导航栏<div class="nav"></div>添加背景图片的,设置css样式如下:

    .nav{background:url("http://img.pincai.com/article/repeatBg.gif") repeat-x scroll 0 -161px rgba(0,0,0,0); }

    但不知道为什么在ie6、7、8下,背景都无法显示,在更高级的ie和Firefox.chrome下都是正常的。

    排除图片链接的有效性,尝试修改了很多次都没有成功。后来把多余的rgba(0,0,0,0)去掉后,在Internet Explorer居然可以正常显示了:

    .nav{ background:url("http://img.pincai.com/article/repeatBg.gif") repeat-x scroll 0 -161px; }

    通常建议使用简写属性,而不是分别使用单个属性,因为简写属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。

    而且,如果用不到的属性,尽量不写出来。

  • 相关阅读:
    request
    href="#"
    可展开收起的客服导航。
    JS添加父节点的方法。
    精简漂亮的导航浮动菜单显示特效演示
    竖排导航
    仿新浪微博
    鼠标滑过改变文字
    滚动函数
    一些常用的兼容函数。
  • 原文地址:https://www.cnblogs.com/webStyle/p/css.html
Copyright © 2011-2022 走看看