Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/r/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将div放入背景div中_Javascript_Html_Css - Fatal编程技术网

Javascript 将div放入背景div中

Javascript 将div放入背景div中,javascript,html,css,Javascript,Html,Css,对于我的网站,我正在制作菜单,我试图将汉堡图标放在另一个div中,以获得黑色背景,但我得到的是,我也希望汉堡和背景位于左侧。有人知道怎么做吗 var theToggle=document.getElementById'toggle'; //基于托德格言函数 // http://toddmotto.com/labs/reusable-js/ //hasClass 函数hasClasselem,className{ 返回新的RegExp'+className+''。测试'+elem.classNa

对于我的网站,我正在制作菜单,我试图将汉堡图标放在另一个div中,以获得黑色背景,但我得到的是,我也希望汉堡和背景位于左侧。有人知道怎么做吗

var theToggle=document.getElementById'toggle'; //基于托德格言函数 // http://toddmotto.com/labs/reusable-js/ //hasClass 函数hasClasselem,className{ 返回新的RegExp'+className+''。测试'+elem.className+''; } //addClass 函数addClasselem,className{ 如果!hasClasselem,className{ elem.className+=''类名称; } } //移除类 函数removeClasselem,类名称{ var newClass=''+elem.className.replace/[\t\r\n]/g,''+''; 如果是hasClasselem,则为className{ 而newClass.indexOf'+className+'>=0{ newClass=newClass。替换“”+类名+“”“”; } elem.className=newClass.replace/^\s+\s+$/g; } } //切换类 函数切换ClassElem,className{ var newClass=''+elem.className.replace/[\t\r\n]/g,+''; 如果是hasClasselem,则为className{ 而newClass.indexOf+className+>=0{ newClass=newClass.replace+className+; } elem.className=newClass.replace/^\s+\s+$/g; }否则{ elem.className+=''类名称; } } toggle.onclick=函数{ 切换这个“开”; 返回false; } 身体 html{ 保证金:0; 填充:0; } 视频主页{ 位置:绝对位置; 排名:0; 右:0; 底部:0; 左:0; 溢出:隐藏; z指数:-100; 最高:50%; 左:50%; 转化:转化-50%,-50%; } 分区视频{ 位置:固定; 排名:0; 右:0; 底部:0; 左:0; 溢出:隐藏; z指数:-100; } 页脚{ 背景:222020; 高度:50px; 位置:固定; 底部:0; 边缘底部:0.5em; 边缘底部:0.5em; 左边距:0.5em; 右边距:0.5em; 宽度:99%; } p、 版权所有{ 颜色:白色; 文本转换:大写; 字体大小:15px; } 分区页脚{ 浮动:左; 左边距:2米; } 分区菜单包{ 背景颜色:222020; 填充:10px; 宽度:50px; 高度:50px; } /*重要风格*/ 拨动{ 显示:块; 宽度:28px; 高度:30px; 利润率:30px自动10px; } 切换范围:之后, 切换范围:之前{ 内容:; 位置:绝对位置; 左:0; 顶部:-9px; } 切换范围:之后{ 顶部:9px; } 切换跨度{ 位置:相对位置; 显示:块; } 切换跨度, 切换范围:之后, 切换范围:之前{ 宽度:100%; 高度:5px; 背景色:fff; 过渡:均为0.3秒; 背面可见性:隐藏; 边界半径:2px; } /*论激活*/ 在跨度上切换{ 背景色:透明; } 切换。打开范围:之前{ 变换:旋转45度平移5px,5px; } 切换。打开范围:之后{ 变换:旋转-45度平移7px,-8px; } 切换.打开+菜单{ 不透明度:1; 能见度:可见; } /*菜单外观*/ 菜单{ 位置:相对位置; 颜色:999; 宽度:200px; 填充:10px; 保证金:自动; 字体系列:Segoe UI、Candara、Bitstream Vera Sans、DejaVu Sans、Bitstream Vera Sans、投石机MS、Verdana、Verdana Ref、Sans serif; 文本对齐:居中; 边界半径:4px; 背景:白色; 盒影:0 1px 8px rgba0,0,0,0.05; /*就为了这个演示*/ 不透明度:0; 可见性:隐藏; 过渡:不透明度; } 菜单:之后{ 位置:绝对位置; 顶部:-15px; 左:95px; 内容:; 显示:块; 左边框:15px实心透明; 右边框:15px实心透明; 边框底部:20px纯白; } ul, 锂, 李阿{ 列表样式:无; 显示:块; 保证金:0; 填充:0; } 李阿{ 填充物:5px; 颜色:888; 文字装饰:无; 过渡:all.2s; } 李a:悬停, 李娜:焦点{ 背景:1ABC9C; 颜色:fff; } /*演示样式*/ 身体{ 边缘顶端:3em; 背景:eee; 颜色:555; 字体系列:开放式SAN、Segoe UI、Helvetica、Arial、无衬线字体; } P p a{ 字体大小:12px; 文本对齐:居中; 颜色:888; } 不支持视频

版权与复制;2017年陈威廉


您在错误的位置添加了锚定标记

var theToggle=document.getElementById'toggle'; //基于托德格言函数 // http://toddmotto.com/labs/reusable-js/ //hasClass 函数hasClasselem,className{ 返回新的RegExp'+className+''。测试'+elem.className+''; } //addClass 函数addClasselem,className{ 如果!hasClasselem,className{ elem.className+=''类名称; } } //移除类 函数removeClasselem,类名称{ var newClass=''+elem.className.replace/[\t\r\n]/g,''+''; 如果是hasClasselem,则为className{ 而newClass.indexOf'+className+'>=0{ newClass=newClass。替换“”+类名+“”“”; } E lem.className=newClass.replace/^\s+\s+$/g; } } //切换类 函数切换ClassElem,className{ var newClass=''+elem.className.replace/[\t\r\n]/g,+''; 如果是hasClasselem,则为className{ 而newClass.indexOf+className+>=0{ newClass=newClass.replace+className+; } elem.className=newClass.replace/^\s+\s+$/g; }否则{ elem.className+=''类名称; } } toggle.onclick=函数{ 切换这个“开”; 返回false; } 身体 html{ 保证金:0; 填充:0; } 视频主页{ 位置:绝对位置; 排名:0; 右:0; 底部:0; 左:0; 溢出:隐藏; z指数:-100; 最高:50%; 左:50%; 转化:转化-50%,-50%; } 分区视频{ 位置:固定; 排名:0; 右:0; 底部:0; 左:0; 溢出:隐藏; z指数:-100; } 页脚{ 背景:222020; 高度:50px; 位置:固定; 底部:0; 边缘底部:0.5em; 边缘底部:0.5em; 左边距:0.5em; 右边距:0.5em; 宽度:99%; } p、 版权所有{ 颜色:白色; 文本转换:大写; 字体大小:15px; } 分区页脚{ 浮动:左; 左边距:2米; } 分区菜单包{ 背景颜色:222020; 填充:10px; 宽度:50px; 高度:50px; } /*重要风格*/ 拨动{ 显示:块; 宽度:28px; 高度:30px; 利润率:30px自动10px; } 切换范围:之后, 切换范围:之前{ 内容:; 位置:绝对位置; 左:0; 顶部:-9px; } 切换范围:之后{ 顶部:9px; } 切换跨度{ 位置:相对位置; 显示:块; } 切换跨度, 切换范围:之后, 切换范围:之前{ 宽度:100%; 高度:5px; 背景色:fff; 过渡:均为0.3秒; 背面可见性:隐藏; 边界半径:2px; } /*论激活*/ 在跨度上切换{ 背景色:透明; } 切换。打开范围:之前{ 变换:旋转45度平移5px,5px; } 切换。打开范围:之后{ 变换:旋转-45度平移7px,-8px; } 切换.打开+菜单{ 不透明度:1; 能见度:可见; } /*菜单外观*/ 菜单{ 位置:相对位置; 颜色:999; 宽度:200px; 填充:10px; 保证金:自动; 字体系列:Segoe UI、Candara、Bitstream Vera Sans、DejaVu Sans、Bitstream Vera Sans、投石机MS、Verdana、Verdana Ref、Sans serif; 文本对齐:居中; 边界半径:4px; 背景:白色; 盒影:0 1px 8px rgba0,0,0,0.05; /*就为了这个演示*/ 不透明度:0; 可见性:隐藏; 过渡:不透明度; } 菜单:之后{ 位置:绝对位置; 顶部:-15px; 左:95px; 内容:; 显示:块; 左边框:15px实心透明; 右边框:15px实心透明; 边框底部:20px纯白; } ul, 锂, 李阿{ 列表样式:无; 显示:块; 保证金:0; 填充:0; } 李阿{ 填充物:5px; 颜色:888; 文字装饰:无; 过渡:all.2s; } 李a:悬停, 李娜:焦点{ 背景:1ABC9C; 颜色:fff; } /*演示样式*/ 身体{ 边缘顶端:3em; 背景:eee; 颜色:555; 字体系列:开放式SAN、Segoe UI、Helvetica、Arial、无衬线字体; } P p a{ 字体大小:12px; 文本对齐:居中; 颜色:888; } 很棒的网站 不支持视频

版权与复制;2017年陈威廉