Skip to content

Instantly share code, notes, and snippets.

@runningdemo

runningdemo/开发手记.md

Created November 27, 2013 15:35
Show Gist options
  • Save runningdemo/7677704 to your computer and use it in GitHub Desktop.
Save runningdemo/7677704 to your computer and use it in GitHub Desktop.
Download ZIP
#test
Raw
开发手记.md

CSS方面

使用css3的multiple background制作更好看的背景图

效果图: Alt text

.nav-list {
    background-position: left -40px;
    background-repeat: repeat-x;
    background: url(../images/nav-bg-ex.png) right center no-repeat,url(../images/nav-bg.png) left -40px repeat-x;
}

这样在不支持multiple background的浏览器中 url(../images/nav-bg.png) left -40px repeat-x会正常工作.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment