我試圖做一個按鈕來改變CSS的兩件事。首先,它會使文字出現,其次它會使文字頂部的圖像消失。我嘗試了很多東西,但我無法實現它的功能。任何幫助將不勝感激。 的CSS是把兩個ID放在一個href
p {
color:#591865;
text-align:center;
opacity:0;
}
p:target {
color:# a1a100;
opacity:1;
-webkit-transition: opacity 1s linear;
}
#image {
opacity: 1;
background-image:url(images/01.jpg);
height: 786px;
width:1024;
}
#image:target {
opacity:0;
}
和HTML是
<nav>
<a href="#one, #image">One</a>
<a href="#two, #image">Two</a>
<a href="#three, #image">Three</a>
<a href="#four, #image">Four</a>
</nav>
<div id="image"><img src="images/01.jpg"/></div>
<div>
<p id="one"><img src="graphics/filler.png" width="281" height="128" onClick="javascript:playVideo1();"/></p>
<p id="two"><video src="images/01.m4v" poster="images/01.jpg" autoplay controls></video></p>
<p id="three">Number Three</p>
<p id="four">Number Four</p>
</div>
</div>
感謝任何輸入
否;你只能用'a'元素鏈接到* one *目標。沒有'href'的逗號分隔,只有一個,在這種情況下,'href' /'url'是無效的。 – 2012-04-27 20:37:54
使用JavaScript。 – j08691 2012-04-27 20:39:40