1
私はちょうどHTML/CSSを学び始めました。私がまとめている雑誌のウェブサイトを作成しようとしています。しかし、2つの異なるテキストに2つのリンクを追加しようとすると、1つは部分的にクリック可能になり、以下のリンクはクリックできません。ハイパーリンクは部分的にクリックできるだけです
私はラッパーや写真の横にあることが、テキストをもっと適切に整列させると、クリックできるようになるので、テキストの横にあると思っています。何かのように思われるのは、クリックされる単語（リンク）の一部をブロックすることです。
私は代わりにサイドバーを作ってみましたが、私はまだ同じ結果を得ています。私は別の結果のために自分のコードを移動しようとしましたが、まだそれを理解することはできません。
#wrapper {
margin: 0 auto;
width: 1140px;
}
.slider {
max-width: 457px;
height: 451px;
margin: 0 auto;
position: relative;
}
.slide1,
.slide2,
.slide3,
.slide4,
.slide5 {
position: absolute;
width: 100%;
height: 100%;
}
.slide1 {
background: url(TPWeb.jpg)no-repeat center;
background-size: cover;
animation: fade 80s infinite;
-webkit-animation: fade 20s infinite;
margin-top: 20px;
margin-left: -155px;
}
.slide2 {
background: url(DS.jpg)no-repeat center;
background-size: cover;
animation: fade2 80s infinite;
-webkit-animation: fade2 20s infinite;
margin-top: 20px;
margin-left: -155px;
}
.slide3 {
background: url(IT95Web.jpg)no-repeat center;
background-size: cover;
animation: fade3 80s infinite;
-webkit-animation: fade3 20s infinite;
margin-top: 20px;
margin-left: -155px;
}
@font-face {
font-family:
}
@keyframes fade1 {
0% {
opacity: 1
}
33.333% {
opacity: 0
}
66.666% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fade2 {
0% {
opacity: 0
}
33.333% {
opacity: 1
}
66.666% {
opacity: 0
}
100% {
opacity: 0
}
}
@keyframes fade3 {
0% {
opacity: 0
}
33.333% {
opacity: 0
}
66.666% {
opacity: 1
}
100% {
opacity: 0
}
}
}
.TPWeb {
margin-top: 80px;
margin-left: 50px;
}
.DFBase1 {
margin-top: 45px;
margin-left: 183px;
width: 448px;
height: 127px;
}
.ATA {
margin-right: 305px;
margin-top: -475px;
font-family:
}
.B {
margin-right: 370px;
font-family:
}
.about {
color: #000;
text-decoration: none;
}
.blog {
color: #000;
text-decoration: none;
}<div id="wrapper">
<div class='slider'>
<div class='slide1'></div>
<div class='slide2'></div>
<div class='slide3'></div>
</div>
<img src="DFBase1.png" alt="DFBase" class=DFBase1>
<div align="right" class=ATA>
<font size="5"><em><b><a href="http://google.com" title="about the author" class="about" target="new">about the author</a></b></em></font>
</div>
<div align="right" class=B>
<font size="5"><em><b><a href="http://google.com" title="blog" class="blog" target="new">blog</a></b></em></font>
</div>
</div>