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在左侧栏上不起作用，但在上栏上

回答

相关问题