Sono nuovo ai CSS. Voglio solo un div su un altro div al passaggio del mouse e la sua trasparenza dovrebbe aumentare. Ho fatto qualche cosa del genere di filecss opacity su hover di div
<div id="maincontainer">
<div id="picture"><img src="bill.jpg" alt="Bill Gates"></div>
<h1>A floating image</h1>
<p id="bill"></p>
<div id="mem">sfasdf</div>
</div>
<div id="column1">
<p>Haec disserens qua de re agatur et in quo causa consistat non
videt...</p>
</div>
<div id="column2">
<p>causas naturales et antecedentes, idciro etiam nostrarum
voluntatum...</p>
</div>
<div id="column3">
<p>nam nihil esset in nostra potestate si res ita se haberet...</p>
</div>
<div id="slide">
<ul>
<li id="ims"><img src="test.jpg" height="200" width="200" /></li>
<li id="sp"></li>
<li id="ims"><img src="test.jpg" height="200" width="200" /></li>
<li id="sp"></li>
<li id="ims"><img src="test.jpg" height="200" width="200" /></li>
<li id="sp"></li>
<li id="ims"><img src="test.jpg" height="200" width="200" /></li>
</ul>
</div>
<div id="left">l</div>
<div id="right">R</div>
e CSS è
body {
background-color: #FFCC66;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 50% 100%;
margin-top: 100px;
margin-right: 40px;
margin-bottom: 100px;
margin-left: 70px;
}
#picture {
height: 200px;
width: 170px;
float: left;
}
#column1 {
float: left;
width: 33%;
}
#column2 {
float: left;
width: 33%;
}
#column3 {
float: left;
width: 33%;
}
#bill {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 2px;
text-align: justify;
line-height: 20px;
}
#mem {
position: absolute;
top: 300px;
left: 150px;
}
#slide {
overflow: hidden;
position: absolute;
height: 220px;
width: 300px;
top: 500px;
left: 400px;
background-color: #333399;
z-index: 1;
}
#left {
position: absolute;
top: 500px;
left: 400px;
height: 220px;
width: 30px;
background-color: #FF33CC;
z-index: 2;
text-align: center;
color: #000000;
vertical-align: middle;
opacity: .5;
}
#left :hover {
position: absolute;
top: 500px;
left: 400px;
height: 220px;
width: 30px;
background-color: #CCCC00;
z-index: 2;
text-align: center;
color: #000000;
filter: alpha(opacity = 10);
-moz-opacity: 10;
-khtml-opacity: 10;
opacity: 10;
cursor: pointer;
}
voglio aumentare la trasparenza del div con id sinistra su hover
Grazie @BalusC! –
Vedo che non sei molto bravo in inglese, ma sarebbe sicuramente d'aiuto se potessi eseguire un controllo ortografico. Non sono un grammatico nazista, ma come lettore, diventa facile sfogliare il testo corretto e ci sono buone possibilità che tu venga preso più sul serio!
Solo un consiglio in senso stretto – questzen