CSS在左側欄上不起作用，但在上欄上

下面給出的代碼在上欄上工作，但它不會在左欄上工作。CSS在左側欄上不起作用，但在上欄上

#one { 
 
    display: block; 
 
    background-color: red; 
 
} 
 
#two { 
 
    opacity: 0; 
 
    background-color: green; 
 
    position: relative; 
 
    top: -34px; 
 
} 
 
#two:hover { 
 
    opacity: 1; 
 
}

<html> 
 

 
<head> 
 
    <link rel="stylesheet" type="text/css" href="hov.css"> 
 
</head> 
 

 
<body> 
 
    <div id="one"> 
 
    <p>mango</p> 
 
    </div> 
 
    <div id="two"> 
 
    <p>apple</p> 
 
    </div> 
 
</body> 
 

 
</html>

上面的代碼工作，如果芒果是在頂部，當芒果左側將無法正常工作。

來源

2016-08-12 Dream Hunter

可以添加你想怎麼設計的形象呢？ – Maharajan

#one { display：block; background-color：red; 寬度：10％; 身高：100％; } #two {opality：0; 寬度：20％; 身高：100％; background-color：green; 位置：相對; top：-34px; } –

你在找這個？

#one { 
 
    width:100px; 
 
    display: block; 
 
    background-color: red; 
 
} 
 
#two { 
 
    opacity: 0; 
 
    background-color: green; 
 
    position: relative; 
 
    top: -34px; 
 
    margin-left:100px; 
 
} 
 
#two:hover { 
 
    opacity: 1; 
 
}

<div id="one"> 
 
    <p>mango</p> 
 
    </div> 
 
    <div id="two"> 
 
    <p>apple</p> 
 
    </div>

來源

2016-08-12 04:39:00

邊欄在哪裏？只有兩個容器被設置爲阻塞。

#one { 
 
    display: block; 
 
    background-color: red; 
 
} 
 
#two { 
 
    opacity: 0; 
 
    background-color: green; 
 
    position: relative; 
 
    top: -34px; 
 
} 
 
#two:hover { 
 
    opacity: 1; 
 
}

<html> 
 

 
<head> 
 
    <link rel="stylesheet" type="text/css" href="hov.css"> 
 
</head> 
 

 
<body> 
 
    <div id="one"> 
 
    <p>mango</p> 
 
    </div> 
 
    <div id="two"> 
 
    <p>apple</p> 
 
    </div> 
 
</body> 
 

 
</html>

來源

2016-08-12 04:35:32 kapil

我想要做一些百分比值（寬度n高度） –

#one {display：block;背景顏色：紅色;寬度：10％;身高：100％; } #two {opacity：0;寬度：20％;高度：100％;背景顏色：綠色;位置：相對;頂部：-34px; } –

CSS在左側欄上不起作用，但在上欄上

回答

相關問題