-
-
Save backsapce/152695f6c082926d07a6 to your computer and use it in GitHub Desktop.
hover特性在IE上挂了,其他浏览器都没问题
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.center{ | |
margin:0 auto; | |
display:block; | |
} | |
.width-wide{ | |
width:1200px; | |
} | |
.right{ | |
float:right; | |
} | |
.left{ | |
float:left; | |
} | |
/* TODO: css speical for the pagelist.jade */ | |
.article-list{ | |
width:800px; | |
margin-top:10px; | |
/*min-height:500px;*/ | |
-webkit-box-shadow:0 0 3px 1px #888; | |
-moz-box-shadow:0 0 3px 1px #888; | |
box-shadow: 0 0 3px 1px #888; | |
} | |
.article-recent{ | |
border:1px solid #d0c7c7; | |
width:380px; | |
margin-top:10px; | |
min-height:500px; | |
} | |
.list-unit{ | |
/*height:50px;*/ | |
font-size:20px; | |
width:100%; | |
padding:10px; | |
margin-bottom:2px; | |
/*margin:0px 0px 0px 0px;*/ | |
} | |
.list-unit-first{ | |
/*margin:10px 0px 0px 0px;*/ | |
} | |
.list-unit:hover{ | |
background-color:#d4cbc1; | |
/*border-color:#79756e;*/ | |
} | |
/* TODO: for bg #fff */ | |
.bg-white{ | |
background-color:#fff; | |
/*border-color:#000;*/ | |
/*-webkit-box-shadow:0 0 3px 1px #888; | |
-moz-box-shadow:0 0 3px 1px #888; | |
box-shadow: 0 0 3px 1px #888;*/ | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="center width-large"> | |
<div class="article-list left"> | |
<div class="list-unit bg-white list-unit-first"><a href="#">今日头条</a></div> | |
<div class="list-unit bg-white"><a href="#">今日头条</a></div> | |
<div class="list-unit bg-white"><a href="#">今日头条</a></div> | |
</div> | |
<div class="article-recent right bg-white"></div> | |
<div class="clear"></div> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.center.width-large | |
.article-list.left | |
.list-unit.bg-white.list-unit-first | |
a(href='#') 今日头条 | |
.list-unit.bg-white | |
a(href='#') 今日头条 | |
.list-unit.bg-white | |
a(href='#') 今日头条 | |
.article-recent.right.bg-white |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment