CSS:
@charset "utf-8";*{margin:0;padding:0;}body, html{width:100%;height:100%;}body{background:url("images/body_bg.jpg") repeat-x;} #mainBody{position:relative;width:100%;height:100%;}.cloud{position:absolute;top:-110px;left:0px;width:100%;height:100%;background:url("https://HdhCmsTestimages/cloud.png") no-repeat;opacity:0.8;} #cloud2{}#weather{background:url(images/sun.png) no-repeat;border-radius:90px;width:150px;height:150px;position:absolute;left:1130px;top:0px;}#logo{position:absolute;top:0px;left:0px;background:url("images/logo.png") no-repeat;opacity:0.8;} #weather img{margin:30px -90px;}#content { }#content p { margin:20px; }#menu { margin:40px 0 0 150px; }#menu ul { list-style:none; }#menu ul li { display:inline; float:left; margin-bottom:20px; }#menu ul li:first-child a { -moz-border-radius-topleft: 12px; -webkit-border-top-left-radius:12px; }#menu ul li:last-child a { -moz-border-radius-topright: 12px; -webkit-border-top-right-radius:12px; }#menu ul li a { padding:20px; background: rgba(255,138,30,0.3); text-decoration: none; font: bold 14px Helvetica, Sans-Serif; letter-spacing: -1px; color: #402e16; text-shadow: #eee 0px 0px 2px; } #menu ul li a:hover { -moz-box-shadow: 0 -5px 10px #777; -webkit-box-shadow: 0 -5px 10px #777; background: -webkit-gradient( linear, right bottom, left top, color-stop(0, rgb(237,227,112)), color-stop(0.72, rgb(255,173,10))) !important; background: -moz-linear-gradient( right bottom, rgb(237,227,112) 0%, rgb(255,173,10) 72%) !important; background-color:rgb(255,173,10) !important; -moz-opacity:.90; filter:alpha(opacity=90); opacity:.90; }#menu ul li a.active { background: rgba(255,138,30,0.8) !important; }
网页代码:
查看更多关于急~急~急跪求大神,链接被遮挡,无法点击_html/css_WEB-ITnose的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did107245