我的页脚元素有两个问题:
1)我设法最终使它坚持每页的底部,但是,
2)一旦我这样做,我在div class = sectionalblock中的不透明度过渡效果拒绝工作.如果我摆脱了我的页脚,它继续工作.当我切换到绝对定位时,它会粘在我的页面顶部.
任何人有任何想法如何去做？我知道这与定位是相对的还是绝对的有关,但是当我尝试绝对定位时,它只是拒绝粘在每个页面的底部,并且不会根据页面大小进行自我调整.
html
{
min-width: 100%;
min-height: 100%
}
body
{
margin:0;
padding:0;
max-width:100%;
overflow-y: scroll;
overflow-x: hidden; /*Disable horizontal scrollbar*/
}
#background /*Background image*/
{
position: fixed;
top: 0;
left: 0;
/* Preserve aspet ratio */
min-width: 100%;
min-height: 100%;
z-index: -4;
opacity: .5;
}
*
{
font-family: 'Roboto', Tahoma, Arial;
}
header
{
background-color: #144762; /*VIU colours*/
padding: 30px;
margin-left: 5px;
margin-right: 5px;
margin-top: -10px;
}
input[name=search] /*Search bar*/
{
width: …