Line 1: | Line 1: | ||
#float ul li{position:absolute;list-style:none;width:8px;height:8px;background:#ccc;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;} | #float ul li{position:absolute;list-style:none;width:8px;height:8px;background:#ccc;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;} | ||
#float .active{background:#0066ff;} | #float .active{background:#0066ff;} | ||
− | #controlOne ul li:first-child{top:123px;left:38px; | + | #controlOne ul li:first-child{top:123px;left:38px;background:black;} |
#controlOne ul li:nth-child(2){top:116px;left:90px;} | #controlOne ul li:nth-child(2){top:116px;left:90px;} | ||
#controlOne ul li:nth-child(3){top:210px;left:226px;} | #controlOne ul li:nth-child(3){top:210px;left:226px;} |
Revision as of 11:50, 13 October 2016
#float ul li{position:absolute;list-style:none;width:8px;height:8px;background:#ccc;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;} #float .active{background:#0066ff;} #controlOne ul li:first-child{top:123px;left:38px;background:black;} #controlOne ul li:nth-child(2){top:116px;left:90px;} #controlOne ul li:nth-child(3){top:210px;left:226px;} #controlOne ul li:nth-child(4){top:190px;left:326px;} #controlOne ul li:nth-child(5){top:168px;left:384px;} #controlOne ul li:last-child{top:202px;left:418px;} #controlTwo ul li:first-child{top:80px;left:73px;} #controlTwo ul li:nth-child(2){top:54px;left:144px;} #controlTwo ul li:nth-child(3){top:124px;left:178px;} #controlTwo ul li:nth-child(4){top:173px;left:324px;} #controlTwo ul li:nth-child(5){top:152px;left:438px;} #controlTwo ul li:last-child{top:234px;left:467px;} /* 超小屏幕(手机,小于 768px) */ h3 img{display:none;} /* 小屏幕(平板,大于等于 768px) */ @media (min-width:768px) {
} /* 中等屏幕(桌面显示器,大于等于 992px) */ @media (min-width: 992px) { #myScrollspy{display:block;} h3 img{display:inline-block;} } /* 大屏幕(大桌面显示器,大于等于 1200px) */ @media (min-width: 1200px) {
}