2011-12-14 70 views
0

我的最后是重新创建一个基本的HTML页面与我自己的CSS像csszengarden.com。 我在http://randallmiller.pcriot.com/72bclass/final72b/index.html做了一个简单的一页交易。 但是我的一些链接不可点击。这是该网站的CSS。任何帮助将不胜感激!无法点击一些超链接由于CSS格式

编辑:我修复了z-index:1的不可点击部分,我认为是因为linkblock2上的填充。但是,现在我的a:把它们变成灰色只是少数。

html{ 
    height:100%; 
} 

body{ 
    background:#000000; 
} 

h3{ 
    margin-top:0; 
} 

h3 span{ 
    color:white; 
    display:block; 
} 

.pgtitle1{ 
    word-spacing:10px; 
    padding-top:25px; 
    margin-left:125px; 
    font:1.5em "Trebuchet MS", Arial, Helvetica, sans-serif; 
} 

.pgtitle2{ 
    padding-top:10px; 
    margin-left:275px; 
    font:bold .7em "Comic Sans MS", cursive; 
    letter-spacing:2px; 
} 

div#linkblock1{ 
    position:absolute; 
    top:200px; 
    padding-left:25%; 
} 

div#linkblock2{ 
    position:absolute; 
    top:200px; 
    padding-left:67.5%; 
} 

div a{ 
    border-bottom:solid 1px white; 
    text-decoration:none; 
    text-align:center; 
    padding:5px; 
    display:block; 
    width:90px; 
} 

div a:hover{ 
    color:rgb(200,200,200); 
} 

div a:visited{ 
    color:blue; 
} 

div#fg_img{ 
    height:323px; 
    background:url(bg.jpg) no-repeat center; 
    margin-top:50px; 
    line-height:999; 
    overflow:hidden;  
} 

h2{  
    font-size:.75em; 
    color:#FFF; 
    position:absolute; 
    top:10px; 
    left:60px; 
} 
+0

在[文本浏览器](http://www.delorie.com/web/lynxview.html)中对此进行测试。用CSS让事情变得非常好,但是页面应该没有样式表。 – Quentin 2011-12-14 23:21:39

回答

1

您已经使用#fg_img覆盖了一些链接。设置一些z-index es。

+0

谢谢,这是一种可能性,为什么我的a:hover不在某些链接上工作? – Randallsm83 2011-12-14 23:21:29

+1

你已经在`:hover`之后定义了`:visited`,所以如果访问了一个链接,`:visited`风格将覆盖`:hover`风格。 – Quentin 2011-12-14 23:23:19

0

你的div以许多奇怪的方式彼此重叠,位置:绝对div与正确的链接“linkblock2”重叠在左边的链接。

你应该真的删除位置:绝对和在div上使用float,并且你不会遇到这个问题。

不确定它是否是一个选项,但如果您可以在您的任务上使用它,请查看CSS Grid系统。