草庐IT

javascript - Div 容器隐藏在另一个 div 后面,即使 z-index 为 999

我正在设计一个新的网站布局,但遇到了问题。我点击一个菜单,触发一些Javascript来显示一个菜单容器。这出现使用jquery切换功能。它出现一秒钟,然后当它完成时,div隐藏在我的主要内容div后面,所以你看不到它。我已将子菜单容器上的z-index更改为999,但没有任何区别。如果您单击主页按钮(在下面的代码中或在JSFiddle链接中),您应该明白我的意思。JSFiddlehtml,body{font-family:arial;margin:0;padding:0;}h1{font-size:x-large;font-weight:bold;color:#403537;}hea

javascript - 如何创建 3 个可调整的 div?

我想要的:|A||B||C|^^当您左右移动handle时,A、B和C会相应调整大小|A||B||C|我所拥有的是B和C之间的||滑动,但没有调整B和所有我得到的另一个是调整光标大小。基本上C是一个窗帘,覆盖了A和B。我确实得到了适用于C的最小尺寸。|A|C|为了走到这一步,我破坏了别人完美的代码:varisResizing=false,who='',lastDownX=0;$(function(){varcontainer=$('#container'),left=$('#left'),right=$('#right'),middle=$('#middle'),hand2=$('#h

javascript - 如何创建 3 个可调整的 div?

我想要的:|A||B||C|^^当您左右移动handle时,A、B和C会相应调整大小|A||B||C|我所拥有的是B和C之间的||滑动,但没有调整B和所有我得到的另一个是调整光标大小。基本上C是一个窗帘,覆盖了A和B。我确实得到了适用于C的最小尺寸。|A|C|为了走到这一步,我破坏了别人完美的代码:varisResizing=false,who='',lastDownX=0;$(function(){varcontainer=$('#container'),left=$('#left'),right=$('#right'),middle=$('#middle'),hand2=$('#h

html - bootstrap col-md-12 vs. width 100% 在显示/隐藏 div 时表现不同

我正在尝试实现类似于自动完成的下拉菜单。我注意到当我使用col-md-12与宽度100%时它的行为不同。我在下面有两个示例。http://codepen.io/safecoder/pen/reQxZz它使用col-md-12。当我开始输入时,下面的文本被下推。http://codepen.io/safecoder/pen/YqRqWm.search_cont.result_optins{width:100%;display:none;}它使用宽度:100%。当我开始输入内容时,选项框与下面的文本重叠。我无法弄清楚为什么它的行为会有所不同。任何人都可以阐明这一点吗?此外,如果我仍然想使用

html - bootstrap col-md-12 vs. width 100% 在显示/隐藏 div 时表现不同

我正在尝试实现类似于自动完成的下拉菜单。我注意到当我使用col-md-12与宽度100%时它的行为不同。我在下面有两个示例。http://codepen.io/safecoder/pen/reQxZz它使用col-md-12。当我开始输入时,下面的文本被下推。http://codepen.io/safecoder/pen/YqRqWm.search_cont.result_optins{width:100%;display:none;}它使用宽度:100%。当我开始输入内容时,选项框与下面的文本重叠。我无法弄清楚为什么它的行为会有所不同。任何人都可以阐明这一点吗?此外,如果我仍然想使用

javascript - Chrome 上的 CSS div 背景颜色错误?

我在Chrome浏览器中设置div的背景时遇到问题。如果你看到,我有一个我没有实现并给出样式的浅灰色小框。它随机出现并随心所欲地移动和reshape形状。它不会发生在Safari或Firefox上,我不明白为什么或如何修复它。我的问题很奇怪。我有以下代码:divclassName="rowcompetition">EnterCompetition已编辑(CSS类):.col-lg-6.register-answer{background-color:#adadad;.compet-content{width:100%;height:100%;input{}button{}}}我在“re

javascript - Chrome 上的 CSS div 背景颜色错误?

我在Chrome浏览器中设置div的背景时遇到问题。如果你看到,我有一个我没有实现并给出样式的浅灰色小框。它随机出现并随心所欲地移动和reshape形状。它不会发生在Safari或Firefox上,我不明白为什么或如何修复它。我的问题很奇怪。我有以下代码:divclassName="rowcompetition">EnterCompetition已编辑(CSS类):.col-lg-6.register-answer{background-color:#adadad;.compet-content{width:100%;height:100%;input{}button{}}}我在“re

html - 将 div 拆分为 2 列

我有这样的代码:title1article1title2article2title3article3title4article4我想将这个1行列转换为2列,如下所示:我已经尝试过使用这段代码,但是有什么不同的方法来拆分div吗?.article-container{display:flex;flex-wrap:wrap;}.article{flex-grow:1;flex-basis:50%;}.article:after{content:"";flex:auto;}title1article1title2article2title3article3title4article4这与另一

html - 将 div 拆分为 2 列

我有这样的代码:title1article1title2article2title3article3title4article4我想将这个1行列转换为2列,如下所示:我已经尝试过使用这段代码,但是有什么不同的方法来拆分div吗?.article-container{display:flex;flex-wrap:wrap;}.article{flex-grow:1;flex-basis:50%;}.article:after{content:"";flex:auto;}title1article1title2article2title3article3title4article4这与另一

html - 如何使用 Vue.js 隐藏 div

我希望能够使用Vue隐藏一个div,对性能的影响尽可能小,因为网站上的几个div将以这种方式处理。我该怎么做?隐藏div>当点击另一个div时显示它:(Example(withoutVue))使用Vue(不工作)htmlclickapphidemeJavaScriptnewVue({el:'#hide',data:{seen:false}}) 最佳答案 正如@Ferrybig所说,Vue只能控制它所绑定(bind)的元素和所有这些子元素。您的hide元素位于绑定(bind)到Vue(app)的元素之外,因此Vue无法更改它。稍作改动