css-position

    0热度

    1回答

    我在网站上使用我的'a'元素(按钮)。他的位置在视频部分。我不知道为什么不可点击。我试过任何元素的变化定位,还有z-index。我正在使用bootstrap-3。代码如下: <section id="video"> <div class="video-container"> <h2>Hi I'm Matt </h2> <h3> Lorem ipsum do

    2热度

    1回答

    我正在用flexbox设置页面样式。我有一个很好的中心图像与背景图像的div内。 body { width: 700px } nav { width: 100%; height: 50px; background-color: #ccc } .wrapper, .banner { dis

    0热度

    1回答

    我不知道如何解决这个问题:图像直接位于某些文本下方,并且在调整窗口大小时直接位于该文本下方。我的问题是我不能将图像浮起来,它需要进一步出去,并用一些文本内联。就像图像居中一样,即使在页面大小调整的情况下,它也会始终保持在相对中心位置。 编辑:我认为这个问题是我有文字的3个部分彼此相邻格式化这个样子,和他们移动网页时调整: <!DOCTYPE html> <link rel="stylesheet

    1热度

    3回答

    我正在尝试为图库制作随机的图像幻灯片。我在页面上有两个图像 - “前”和“后”,我设置了一个定时器,每隔几秒将后图像移到前面并加载新的后图像。我基本上是通过交换代码中的图像对象来做到这一点。 随着背面图像成为正面图像,我将它从0的不透明度渐变为1的不透明度,而我的正面图像在相反的情况下也是如此。我实现了这个如下: var fadeOutCt = 0; var fadeOutInterval;

    0热度

    2回答

    我正在尝试制作一个操作菜单,我的实现在Chrome和Edge中很有效,但在Firefox中没有,因为它似乎完全忽略了菜单项的实质,点击过程他们和触发菜单下的项目... 在codepen悬停的menuitem不应该触发下面的文章悬停,并单击应触发关闭菜单事件。 我真的不明白,为什么,什么我失踪... 我试图与溢出:按钮父,资产净值可见,但虚无缥缈...... 我也试图把资产净值的部分容器,但还是同样

    2热度

    1回答

    我有一个悬停菜单,需要某些元素的位置,但我不能让文字扩大到最大宽度。它只是将其自身设置为最小宽度。 我将max-width设置为一个非常大的例子,但是您可以在Pages子菜单下看到它被忽略。 似乎如果我删除li上的相对位置,则文字会换行,但会影响我的菜单。 ul { padding-left: 0; } .toggle { font-weight: b

    1热度

    5回答

    我有一个需要基于像素的导航栏的网站 - 在这种情况下为height: 80px。 问题是,我不能将ul和li元素垂直居中。 我试过使用:top:50%; transform: translate(0,-50%),如我的jsfiddle所示,也是flex定位,但都没有工作。 的jsfiddle:https://jsfiddle.net/agreyfield91/w3s8cj92/ header {

    0热度

    1回答

    在下面的小提琴中,<a>标记LOGO绝对位于layoutDiv div内,其-webkit-transform: translate3d(0,0,0); css通过'modern'类应用。 https://jsfiddle.net/gurumvg/ubj98j6d/4/ 虽然layoutDiv DIV不具有 '相对' 位置<a>标签LOGO位于绝对w.r.t layoutDiv DIV代替BODY

    0热度

    1回答

    https://codepen.io/anon/pen/dWaWor 当我点击“创建过程”按钮时,我无法在灯箱中滚动。 灯箱有一个固定的位置,因为当我用绝对的背景混乱起来。灯箱是白色的背景。 <section id="lightbox"> <i id="x" class="fa fa-times-circle"aria-hidden="true"></i> <p class="

    0热度

    1回答

    我做了一个JSFiddle解释,我想用油滑幻灯片做什么: <div class="slider"> <div> <div class="absolute"> Blabla </div> <img src="http://kenwheeler.github.io/slick/img/fonz1.png" /> </div> <d