css鼠标放到大纲上显示具体内容

html-css012

css鼠标放到大纲上显示具体内容,第1张

<div class="wrapper">

<div class="d" >大纲</div>

<div class="j">具体内容</div>

</div>

<style>

.wrapper{

position:relative

}

.j{

position:absolute

top:0px

left:0px/*自己设置长宽高位置*/

display:none

}

.wrapper:hover .j{

display:block

}

</style>

就是这个思路。代码可能有打错的。自己明白就好了。

(其实在你一张幻灯片也没有的时候每新建一张背景都是白色,字体是黑色)如果你已经编辑了很多张,可以通过母版实现批量白色背景。母版在哪里?视图-》母版-》幻灯片母版-》在工作窗的空白区域-》右击-》背景-》背景填充里选择白色-》再在背景填充里点击全部或部分应用就设置好了白色背景。如下图:字体颜色的修改:在幻灯片的普通视图中,左侧有大纲/幻灯片两个级别你选择大纲级别,然后在大纲视图中全选所有幻灯片再设置字体颜色为黑色,然后你会发现所有幻灯片的字体颜色都是黑色了。至于某些幻灯片的字体颜色修改你只需要在大纲中选择需要的幻灯片。。。。。