请问CSS中,如何让下面下拉菜单代码,下拉时不会让下面图片下移? 如何让css下拉菜单导航栏不被下面的js焦点图片轮换div挡...

作者&投稿:田疮 (若有异议请与网页底部的电邮联系)

呃 你这样写标签只能兼容支持HTML5的浏览器哦~

在details标签外加一个相对定位的div 把details定义为绝对定位就可以了。

样式里我加了个背景颜色 你可以去掉。

<style>
.box{height:20px;position:relative;}
.box details{position:absolute;left:0;top:0; background-color:#fff;}
</style>
<div class="box">
<details>
<summary>电影</summary>
我最喜欢的电影,你喜欢吗?
</details>
</div>
<img src="http://s0.hao123img.com/res/r/image/2014-06-05/fe41cd683360b642b5ff591442442cf4.jpg"/>


为什么采用CSS编的下拉菜单当菜单弹出来的时候下面的图片也跟着下移怎么办~

Z-INDEX这个属性要你使用定位了才会生效!也就是说你要使用position:absolute或是relative;你的Z-INDEX属性才会生效!你再试试!祝你成功!Z-INDEX的值越小就越在底下!

这个问题解决不了,因为,你的banner是动态生成的,在层级上具有优先性,所以才会这样的(北京八方永信网站前端工程师)

...HTML的问题,如何修改代码,使下面网址中的下拉菜单边框与主菜单边框对...
答:menu">验证 XML 验证 WML 把鼠标移动到不同的选项上,就可以看到下拉菜单。

如何通过html和css完成下拉菜单的制作
答:关于二级菜单的代码以及css样式,和在浏览器中的显示效果如下图所示。大家可以看到,这是静态的二级菜单,二级菜单会一直在网页当中显示,那么我们应该怎样让其先隐藏然后鼠标滑过一级菜单后再显示呢?其实,这只需要我们为二级菜单的ul标签设置display的none和block两个属性就可以。默认情况下设置二级ul的...

HTML中鼠标悬浮时的下拉菜单用CSS怎么做
答:例子1 a:hover {color: #FF00FF}延时文本当鼠标移动到a标签上的时候,改变a标签的文字颜色深入用法,当移动到某标签的时候改变其它标签的样式:例子: 菜单 弹出菜单1 弹出菜单2

ul怎么用css实现下拉
答:下拉菜单 下拉菜单 我是1 我是2 我是3 下拉菜单 下拉菜单 下拉菜单 我是测试文字

如何在css中给下拉菜单调样式
答:select和是系统控件,没法用css来调整出想要的结果。如果要改,只能是改你的操作系统了,给微软或苹果写封信,让他给改一下,呵呵。目前这问题都是用模拟的办法解决的,上网搜一下看看,应该有很多。div结合JavaScript可以模拟select

css怎么做一个下拉菜单可点击的下拉菜单
答:/* CSS部分 */ul { list-style:none; margin:0; padding:0; text-align:center; background:#F03; color:#FFF; -webkit-transform:scaleY(0); -webkit-transform-origin:0 0; }li { padding:0; margin:0; }div { width:200px; }div:hover ul { -webkit-animation:ulShow 0.4s; -...

如何用css或js设置如下图的样式,当点击的时候出现下拉菜单,显示...
答:css:.show{ display:none;} js:var isClick=true;(".p").click(function(){ if(isClick){ (".show").css("display","block");isClick=false;}else{ (".show").css("display","none");isClick=true;} })思路,要显示的内容用一个div包住,当你点击基础的时候,div显示,再点击时...

css中,怎么使导航栏打开下拉菜单时,固定不要动
答:下拉菜单要设为绝对定位(position:absolute)的,这样它就脱离了文档流,不会对后面的内容造成影响(因为它不占用正常文档流的位置)。

css如何固定下拉菜单的位置
答:CSS有个position属性,它有4个值:static,relative,absolute,fixed。分别代表了正常位置,相对于某一位置的偏移位置,绝对位置,固定位置。要想显示在一个网页上,固定位置可以实现不会随着页面滚动条的移动而不见了,它一直在你当前的页面上,但是ie6不兼容这个属性。当然如果你的页面不会产生滚动条,...

在CSS中定义下拉菜单的代码
答:<<!--简介--><!--关键词--><!--CSS样式开始-->*{ margin:0; padding:0; border:0;}html{ background:#bfc4c7;/*背景颜色*/}body{ font:12px/150% '宋体'; margin:0 auto; width:770px; text-align:center;}#menu,#nav,#footer{ clear:both;}#nav{ padding-left:20px; text-align:left...