'；页脚'；网页顶部的样式栏不是'；不起作用。CSS&；HTML

该网站有一个托管版本

@charset“utf-8”；
.页脚{
字体系列：“Gill Sans”、“Gill Sans MT”、“Myriad Pro”、“DejaVu Sans Condensed”、Helvetica、Arial、Sans serif；
位置：绝对位置；
右：0；
排名：0；
左：0；
填充：0；
背景色：黑色；
文本对齐：居中；
颜色：白色；
字体大小：14px；
}
.页脚a{
颜色：白色；
}
.footer a:悬停{
颜色：#E8DE4D；
}
.背景图像{
背景图像：url（“http://garanthomas.me/images/dsc00813-2.jpg?crc=4106647053");
背景重复：无重复；
背景附件：固定；
背景尺寸：100%自动；
}
.内容框{
位置：绝对位置；
顶部：50px；
左边距：自动；
右边距：自动；
左：0；
右：0；
背景色：#4A4A4A；
宽度：450px；
不透明度：0.65；
文本对齐：居中；
对齐内容：居中对齐；
字体系列：Lucida Grande，Lucida Sans Unicode，Lucida Sans，DejaVu Sans，Verdana，“无衬线”；
字号:90 ;；
颜色：白色；
}
.内容框p{
文本对齐：居中；
对齐内容：居中对齐；
字体系列：Lucida Grande，Lucida Sans Unicode，Lucida Sans，DejaVu Sans，Verdana，“无衬线”；
字号:90 ;；
颜色：白色；
}
.内容框h1{
文本对齐：居中；
对齐内容：居中对齐；
字体系列：Lucida Grande，Lucida Sans Unicode，Lucida Sans，DejaVu Sans，Verdana，“无衬线”；
字号:90 ;；
颜色：白色；
}
.cb幻灯片，
.cb幻灯片放映：之后{
位置：固定；
宽度：100%；
身高：100%；
顶部：0px；
左：0px；
z指数：0；
文字装饰：无；
列表样式类型：无；
}
.cb幻灯片放映：之后{
内容：''；
背景：透明url（../images/patterrn.png）重复左上角；
文字装饰：无；
列表样式类型：无；
}
.cb幻灯片放映li span{
宽度：100%；
身高：100%；
位置：绝对位置；
顶部：0px；
左：0px；
颜色：透明；
背景尺寸：封面；
背景位置：50%50%；
背景重复：无重复；
不透明度：0；
z指数：0；
动画：imageAnimation 36s线性无限0s；
文字装饰：无；
列表样式类型：无；
}
.cb幻灯片放映李分区{
z指数：1000；
位置：绝对位置；
底部：30px；
左：0px；
宽度：100%；
文本对齐：居中；
不透明度：0；
颜色：#fff；
动画：标题动画36s线性无限0s；
文字装饰：无；
列表样式类型：无；
}
.cb幻灯片放映李分区h3{
字体系列：“BebasNeueRegular”、“Arial窄字体”、Arial、无衬线字体；
字体大小：200px；
填充：0；
线高：200px；
文字装饰：无；
列表样式类型：无；
}
.cb幻灯片李：第n个孩子（1）跨度{
背景图片：url（images/1.jpg）
}
.cb幻灯片李：第n个孩子（2）跨度{
背景图片：url（images/3.jpg）；
动画延迟：6秒；
}
.cb幻灯片李：第n个孩子（3）跨度{
背景图片：url（images/2.jpg）；
动画延迟：12秒；
}
.cb幻灯片李：第n个孩子（4）跨度{
背景图片：url（images/4.jpg）；
动画延迟：18秒；
}
.cb幻灯片李：第n个孩子（5）跨度{
背景图片：url（images/5.jpg）；
动画延迟：24秒；
}
.cb幻灯片李：第n个孩子（6）跨度{
背景图片：url（images/6.jpg）；
动画延迟：30秒；
}
.cb幻灯片李：第n个儿童（2）分区{
动画延迟：6秒；
}
.cb幻灯片李：第n儿童（3）组{
动画延迟：12秒；
}
.cb幻灯片李：第n儿童（4）组{
动画延迟：18秒；
}
.cb幻灯片李：第n儿童（5）组{
动画延迟：24秒；
}
.cb幻灯片李：第n儿童（6）组{
动画延迟：30秒；
}
@关键帧图像动画{
0% {
不透明度：0；
动画计时功能：轻松自如；
}
8% {
不透明度：1；
动画计时功能：放松；
}
17% {
不透明度：1
}
25% {
不透明度：0
}
100% {
不透明度：0
}
}
@关键帧标题动画{
0% {
不透明度：0
}
8% {
不透明度：0.5
}
17% {
不透明度：0.5
}
19% {
不透明度：0
}
100% {
不透明度：0
}
}
.no cssanimations.cb幻灯片放映li span{
不透明度：1；
}
@媒体屏幕和屏幕（最大宽度：1140px）{
.cb幻灯片放映李分区h3{
字号：140px
}
}
@媒体屏幕和屏幕（最大宽度：600px）{
.cb幻灯片放映李分区h3{
字号：80px
}
}

指数
©2016加兰·托马斯-。


图01
布雷肯


图03
斯旺西

图02
布雷肯


图04
尼思


图05
布雷肯信标


图06
里戈斯


欢迎来到我的网站
欢迎来到我的摄影网站。在这里你可以找到我的摄影作品，网站作品和其他我决定张贴的东西

如果您不想在不放置条形图的情况下解决此问题，导致顶部出现空白的问题是，您的整个页面内容都在一个

无序列表中

。默认情况下，浏览器会将上边距应用于

无序列表

，因此您所要做的就是覆盖它，如下所示：

ul.cb-slideshow {
    margin-top:0;
}

如果您希望将该条保持在顶部，则存在的问题是“页脚”条的

z-index

低于

无序列表的
。您可以通过设置页脚的z索引来解决此问题：

.footer {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    padding: 0;
    background-color: black;
    text-align: center;
    color: white;
    font-size: 14px;
    z-index: 1; /* Make sure footer is above ul */
}

如果您不想在不放置栏的情况下解决此问题，导致顶部出现空白的问题是，您的整个页面内容都在一个
无序列表中
。默认情况下，浏览器会将上边距应用于
无序列表
，因此您所要做的就是覆盖它，如下所示：

ul.cb-slideshow {
    margin-top:0;
}

如果您希望将该条保持在顶部，则存在的问题是“页脚”条的
z-index
低于
无序列表的
。您可以通过设置页脚的z索引来解决此问题：

.footer {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    padding: 0;
    background-color: black;
    text-align: center;
    color: white;
    font-size: 14px;
    z-index: 1; /* Make sure footer is above ul */
}

尝试在完成后将页脚添加到底部

</center>

<footer class="footer">©2016 Garan Thomas - <a href="contact.html">Contact Me</a>.</footer>


©2016年Ga
ul.cb-slideshow {
    margin-top:0;
}