我可以换一个div'；当鼠标悬停在css中的另一个div上时，它的不透明度是多少？

我有一个包含无序列表的div和一个包含图像的div。我希望当我将鼠标悬停在列表上时，能够使图像变得透明

---

这可能是使用css实现的，还是我需要使用jQuery？

如果您的图像在列表后面，您可以这样做-

HTML

<div>
    <ul>
        <li>list item</li>
        <li>list item</li>
        <li>list item</li>
        <li>list item</li>
    </ul>
</div>

<p> some text </p>

<div id="image">
    <img src="http://lorempixel.com/200/100" />
</div>

---

如果您的图像在列表后面，您可以这样做-

HTML

<div>
    <ul>
        <li>list item</li>
        <li>list item</li>
        <li>list item</li>
        <li>list item</li>
    </ul>
</div>

<p> some text </p>

<div id="image">
    <img src="http://lorempixel.com/200/100" />
</div>

---

如果image div包含在ul div中，那么可以使用CSS，否则需要使用JS

<div id="divtop">
 <ul>
  <li>listitem</li>
 </ul>
 <div id="divinner">
  <img />
 </div>
</div>

<style>
 #divtop:hover #divinner>img
 {
    /* set opacity */
 }
</style>

列表项

#divtop:hover#divinner>img
{
/*设置不透明度*/
}

如果图像div包含在ul div中，则可以使用CSS，否则需要使用JS

<div id="divtop">
 <ul>
  <li>listitem</li>
 </ul>
 <div id="divinner">
  <img />
 </div>
</div>

<style>
 #divtop:hover #divinner>img
 {
    /* set opacity */
 }
</style>

列表项

#divtop:hover#divinner>img
{
/*设置不透明度*/
}

我使用javascript实现了类似的结果：

javscript:

function changeOpacity (opacity) {
        document.getElementById("element_ID_to_alter").style.opacity = opacity;
    }

HTML:

<div id="hover_div" onmouseover="changeOpacity('.3')" onmouseout="changeOpacity('1.0')">

javscript:
函数更改不透明度（不透明度）{
document.getElementById（“element\u ID\u to\u alter”）.style.opacity=opacity；
}
HTML:

---

我真的很高兴从这个结果。我希望它能帮到你

我使用javascript实现了类似的结果：

javscript:

function changeOpacity (opacity) {
        document.getElementById("element_ID_to_alter").style.opacity = opacity;
    }

HTML:

<div id="hover_div" onmouseover="changeOpacity('.3')" onmouseout="changeOpacity('1.0')">

javscript:
函数更改不透明度（不透明度）{
document.getElementById（“element\u ID\u to\u alter”）.style.opacity=opacity；
}
HTML:

我真的很高兴从这个结果。我希望它能帮到你

当然会：）只需将CSS中的第二个div id更改为新的。不要使用

div#image

do

div#yourID

当然可以：）只需将CSS中的第二个div id更改为新的。代替

div#image

do

div#yourID