腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
IE中的元素重叠问题
、
、
在IE中有一个下拉菜单"Products“与下一个内容重叠的页面。它在Gecko或Webkit浏览器下运行良好。 z-index属性没有任何意义。 我还没有解决方案。提前感谢
浏览 1
提问于2010-04-14
得票数 0
回答已采纳
4
回答
webkit-transform破坏Safari上的z-索引
、
、
、
问题 我试着让一个图层看起来像是一堵倒塌的墙,露出它背后的一层。我已经设置了两个固定的div位置。“墙”div的z指数为9999,“背景”div的z指数为0; 在我测试过的Webkit浏览器(Safari/IOS)中,一旦动画在“墙壁”上启动,z索引就会丢失或被忽略,导致“墙”层突然消失在背景div后面。 对于如何保存层的z索引有什么想法吗?提前感谢! 示例代码(注:底部为jsFiddle ) HTML代码 <div id="wall"> This is the wall </div> <div id="background
浏览 16
提问于2014-03-24
得票数 22
1
回答
在js加载的元素之上绘制元素。
、
、
、
、
新手来了! 我下载并使用了我的投资组合网站的模板。当我试图调整它的时候,我决定我想画一个元素重叠在它下面的那个。我尝试了几种方法,比如更改元素的z-索引以及它们的子元素。 .bottom-element, .bottom-element * { z-index: 1; } .top-element, .top-element * { z-index: 2; } 我认为真正的问题与模板中包含的javascript文件有关。我想要进行重叠的最顶层元素是svg路径,它充当内容div的花哨边框,而我想要被重叠的部分是由js控制的花哨图库。我猜脚本在完成初始html/css文件之后运行并加载图
浏览 2
提问于2017-04-06
得票数 1
回答已采纳
1
回答
我可以使用Subgurim Map设置绘制的GMarker的z顺序吗?
、
我正在用Subgurim map控件在地图上绘制一些GMarkers。 有时GMarkers会相互重叠。这不是问题,但我想要一个特定的,当我把它放到地图上时,它是kwown,放在所有其他的上面,因为这是用户单击的最新的那个。 我想我可以将它作为最新的一个添加到地图上,它将位于顶部,但事实并非如此:它的z顺序看起来是随机设置的。 我能确定这个GMarker是“画在上面”的吗?
浏览 1
提问于2009-10-29
得票数 1
8
回答
webkit转换translate3d后,css z索引丢失
、
、
我有两个重叠的绝对定位的div元素。两者都通过css设置了z索引值。我使用translate3d webkit转换将这些元素动画显示在屏幕上,然后重新显示在屏幕上。转换后,元素不再遵循其设置的z-index值。 有人能解释一下,在我对div元素执行webkit转换后,它们的z-index / stack-order会发生什么变化吗?并解释我可以做些什么来保持div元素的堆栈顺序? 下面是关于我如何进行转换的更多信息。 在转换之前,每个元素都会获得这两个通过css设置的webkit转换值(我使用jQuery来执行.css()函数调用: element.css({ '-webkit-tra
浏览 6
提问于2011-03-29
得票数 104
回答已采纳
1
回答
被长方体阴影覆盖的子元素
、
、
、
嗨,伙计们, 我有一个问题:来自.elem3的长方体阴影不应该与.elem2重叠。我试着用z-index解决这个问题。起初我以为这是IE中的一个bug,但在所有浏览器中结果都是一样的。 有人知道答案吗? ..sry我的英语不好,我是德国人:) HTML:` <div class="elem1"> <div class="elem2"> </div> </div> <div class="elem3"> </div&
浏览 1
提问于2013-03-07
得票数 0
回答已采纳
3
回答
Z索引在IE中工作,而不是在边缘中工作
、
、
我有一个附加了css类的div,它定义了z-index。这在chrome和firefox上运行良好,但在IE上就不行了。我不得不把位置:相对于IE。但同样的方法并不适用于edge。对Edge来说什么都不起作用。 我有一个类似按钮的东西,当单击两个元素时打开,一个重叠另一个。我想排在最前面的那个有50个z指数,另一个有20个。 除了z-index之外,我还需要添加一些其他属性才能在边缘上工作吗? <div class="abc"> ... </div> .abc{ z-index: 10; } 我对just edge有问题。
浏览 2
提问于2018-05-03
得票数 2
2
回答
Angular 7动画在webkit浏览器上导致z索引重叠问题
、
、
、
、
我已经在我的angular 7应用程序中添加了一些交错动画,用于在页面加载时对元素进行动画处理。我在我的一个组件上遇到了这个奇怪的z-index问题。 动画代码如下: @Component({ selector: 'track-page', templateUrl: './track-page.component.html', styleUrls: ['./track-page.component.scss'], animations: [ trigger('fadeIn', [ transi
浏览 8
提问于2019-03-12
得票数 5
回答已采纳
1
回答
汉堡菜单显示在内容下面
、
、
、
、
我的问题是当汉堡包菜单与内容重叠时. 我可能还是不明白..。内容应该设定比汉堡包菜单更低的z指数,而它就在他上面? 截图: 我试过改变任何z指数,但效果不太好。 如果你能帮我做这件事我会很高兴的。 谢谢, 代码(菜单): /* MENU */ ul { list-style-type: none; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); padding: 0; overflow: hidden;font-s
浏览 4
提问于2017-11-08
得票数 0
回答已采纳
1
回答
Z-索引按钮不可点击
、
我被一个小问题惹恼了。当我修改我的按钮的z-index css属性时(因为在滚动上它们重叠在我的顶部导航栏和页脚上),它们是不可点击的是的,就像按钮上有什么东西。我该如何解决这个问题? 这是我的按钮: <button class="btn waves-effect waves-light"><i class="small material-icons">add</i></button> 这是CSS: .waves-effect { position: relative; cursor: pointer; displ
浏览 2
提问于2017-05-30
得票数 0
2
回答
了解Angular JS中的本地主机图像加载错误
、
、
如何查找以下错误报告的错误? GET http://localhost:8080/img/%7B%7BCurrentPage.img%7D%7D 404 (Not Found) angular.js:2763 r.html angular.js:2763 S.(anonymous function) angular.js:2810 (anonymous function) angular-ui-router.min.js:7 N angular.js:6711 g angular.js:6105 (anonymous function) angular.js:6001 j angular-u
浏览 0
提问于2014-10-08
得票数 18
回答已采纳
3
回答
在iOS7和Safari7中奇怪的翻转动画渲染
、
、
、
我正在构建一个基于web的出版物,它使用一个简单的CSS动画。它是一个圆圈,它的标题从“后面”开始,然后一直播放到页面加载时显示“前面”。动画在Chrome和Safari6上播放得很好,但当在设备上测试时,圆圈消失了,它重叠的英雄形象上有奇怪的闪烁和空白。 我不能提供网页预览与你们分享,也不能提供问题的gif (抱歉!),但如果我需要提供更多信息,请告诉我。 编辑:设法“解决”渲染问题,但它在图像上旋转时闪烁。有什么想法吗? 我正在尝试创建的页面的图像: HTML结构: <div class="circle-feat flip-circle"> <d
浏览 2
提问于2014-07-10
得票数 0
2
回答
用CSS移动前景图像
、
我试图用CSS移动前景图像,所以它与背景图像有一点重叠。我似乎无法让前景图像移动到任何地方,我只是不知道自己做错了什么。谁能给我指明正确的方向?看看我的。 html: <img src="http://image.tmdb.org/t/p/w1000/aUYcExsGuRaw7PLGmAmXubt1dfG.jpg" style="-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)))"
浏览 4
提问于2015-12-02
得票数 2
回答已采纳
2
回答
复杂的Webkit Bug?相对位置+Z-索引+溢出隐藏+ CSS3变换
、
、
、
与其他现代浏览器相比,下面的代码()在Webkit中产生了意想不到的结果: <script type="text/javascript"> jQuery(document).ready(function($) { RunFunction(); $('.ColorSquare').click(function() { $('#Lightbox').css('display','block'); $('#ShowColorSquare').c
浏览 0
提问于2013-07-30
得票数 7
1
回答
css动画能得到-moz动画的简写吗?
、
我知道css动画有一个缩写-webkit- animation: div { -webkit-animation-name: example; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: 2; -webkit-animation-direction: alternate; } 我们可以使用动画代码的简写: div {-webkit-animation: exam
浏览 5
提问于2012-04-01
得票数 1
回答已采纳
2
回答
CSS动画自动滚动文本问题
、
、
、
、
我有一个自动滚动的文本,问题是动画在div完成之前重新启动。 你可以在这里看看: 这就是动画部分 -webkit-animation-name: move; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: up; -webkit-animation-timing-function: linear; 我想把字母滚动到"Z“,然后从"A”重新开始。我该怎么做呢?
浏览 0
提问于2017-01-16
得票数 0
2
回答
如何防止带有拖动功能的ap元素重叠?
、
、
我正在创建一个滑块拼图,我将图像的每个部分放在它自己的ap div中,每个部分都有相同的z索引。我已经将拖动移动限制在拼图的范围内,但是当我拖动它们时,ap div是重叠的。我希望相同的z索引可以防止它们重叠,但当我拖动时,它们会重叠。如何防止它们重叠?我使用的是HTML和JavaScript。有什么想法吗?
浏览 1
提问于2011-06-14
得票数 0
4
回答
都是关于..。Z-索引?
、
、
、
、
这个财产让我很困惑。 好吧..。我在谷歌搜索: z-索引是什么? z-index属性指定元素的堆栈顺序。堆栈顺序更大的元素总是在堆栈顺序较低的元素前面。注:Z-索引只适用于定位元素(位置:绝对,位置:相对,或位置:固定)。 z索引使用什么? 元素相互重叠的顺序。为此,您可以为每个元素分配一个数字(z-索引)。该系统是指数字较高的元素与数字较低的元素重叠。 好的,我现在明白了,它组织元素,我们可以使用任何数字.较高的z-指数出现在所有elements..ok尼斯上. ..very简单而又非常好 ...but我从答案中注意到,它依赖于位置属性,所以->.(Google)。 ,z指数和位置之间
浏览 5
提问于2010-02-21
得票数 8
回答已采纳
2
回答
与angular11配合使用自动再固定器
、
、
我将angular11与SCSS结合使用。例如,我有以下课程: .freeSpace { flex: 1; display: flex; align-items: flex-end; width: 100%; max-width: 600px; } 但是,当我做ng build --prod时,它不会转向: .freeSpace { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-fl
浏览 1
提问于2021-01-17
得票数 6
回答已采纳
3
回答
图像不重叠第二外型
、
我有两块钱,自上而下。我需要一个图像在两个电视的顶部。我已经(用这个代码)在IE中工作了。但它只是在Chrome上失败了。 在我看来,Chrome只是忽略了我的手动z-index,尽管它说它没有在开发工具。 怎样才能得到外部div 1重叠的图像和内部div 2中的图像? HTML: <div class="outer"> <div class="inner"> <p>Foo</p> <img src="http://upload.wikimedia.org/w
浏览 3
提问于2014-03-18
得票数 0
回答已采纳
2
回答
如何检测缩放级别的更改?
、
、
、
、
在Chrome或Safari上打开,随意调整缩放级别。当你改变缩放级别时,你会注意到它的元素上有一个可爱的缓动效果。 显然这只适用于Chrome和Safari (webkit?),但这是怎么做到的呢?有没有一种跨浏览器的方法可以做到这一点?
浏览 0
提问于2011-09-30
得票数 3
回答已采纳
2
回答
我有一个我无法与之互动的div
、
、
该网站在这里: 我刚刚意识到我不能高亮显示文本或点击中心div中的链接。我在某个地方读到一个重叠的div可能会引起这个问题..。因此,我尝试将z索引更改为大于重叠的顶部导航栏,但这并没有帮助。 有什么想法吗?
浏览 0
提问于2013-09-17
得票数 1
回答已采纳
2
回答
CSS动画忽略z索引。
、
、
、
我想有两个图像相互重叠,与动画图像在后面和静态图像重叠。没有动画,它可以很好地与红色重叠的黑色图像。 当我添加css动画时,它会忽略z索引集,而黑色与红色重叠。我要怎么把红色的图像带到前面? 我有一个使用css背景的解决方案,但是我希望图像能够响应 这是一把小提琴 css在这里 .rotate{ z-index: 1; -webkit-animation:rotation 20s linear infinite; -o-animation:rotation 20s infinite linear; -moz-animation:rotation 20s infinite linear; an
浏览 4
提问于2014-09-09
得票数 0
回答已采纳
2
回答
从英特尔i7交叉编译到凌动Z510
、
、
我正在写一个服务器应用程序,其中有大量的源代码。在我的英特尔凌动z510上编译应用程序大约需要15-20分钟,在我的英特尔i7上大约需要2-3分钟。 我对交叉编译非常陌生,因为我从来没有这样做过。我找不到任何关于如何交叉编译到Z510的参考资料。我找到了一篇关于atom 优化标志的很好的SO文章。但是,没有说明如何在英特尔i7 pc上为英特尔凌动处理器使用它们。 我假设在我的i7上编译的任何东西都会默认针对我的i7进行优化,这会导致Atom的性能下降。任何建议/搜索词/网站都将非常感谢。 一如既往地,提前感谢您。 编辑:我使用的是gcc 4.4。很抱歉。( Ubuntu 10.04自带的那个)
浏览 0
提问于2012-03-31
得票数 0
回答已采纳
2
回答
在悬停跳跃问题上的Chrome CSS过渡不透明度
、
我正在尝试Chrome中最简单的不透明度过渡,但我发现尽管它通常是平滑的,但有时它会直接跳到不透明度:0或不透明度: 1,而不是过渡。 简化版,仅供webkit使用: <style type="text/css"> .box{ background-color: #ff0000; width:100px; height:100px; -webkit-transition: opacity 1s; } .box:hover{ opacity:0; } </st
浏览 5
提问于2015-10-06
得票数 1
1
回答
页脚div上的页面重叠
、
、
、
、
我在一个"wordpress“网站上工作。我使用的是一个只出现在移动设备上的移动页脚插件。我面临的问题是页面与页脚重叠(在手机上)。 我也尝试过z-index,让div出现在页面上,而不是在页面后面,但似乎不起作用。下面是我的移动页脚div的css: #callbook { bottom: 0; height: 48px; left: 0; position: fixed; right: 0; z-index: 100; -webkit-box-shadow: 0 2px 15px 0 rgba(51, 51, 51, 1);
浏览 0
提问于2017-10-27
得票数 0
2
回答
Css-精灵动画
、
、
、
、
我有一个使用css-sprites的动画。该动画在webkit和mozilla中工作。有谁能建议我如何让它在IE中工作吗?我想我需要一些javascript?谢谢
浏览 0
提问于2012-02-14
得票数 0
回答已采纳
4
回答
重叠矩形图的优化设计
、
、
、
、
我有大量的矩形,还有一些是重叠的;每个矩形都有一个绝对的z阶和一个颜色。(每个“矩形”实际上是粒子效应、网格或纹理的轴向包围框,可能是半透明的。但是,只要您不试图在别人后面选择矩形,就更容易抽象地思考有色矩形,所以我将在问题描述中使用这一点:) 更改“颜色”的成本相当高;连续绘制两个蓝色矩形比绘制两个不同颜色的矩形要快得多。 绘制甚至不在屏幕上的矩形的成本也很高,应该避免。 如果两个矩形不重叠,则绘制它们相对于另一个矩形的顺序并不重要。只有当它们重叠时,z阶才是重要的。 例如: 1(红色)和4(红色)可以一起画。2(蓝色)和5(蓝色)也可以画在一起,3(绿色)和7(绿色)。但8(红色
浏览 3
提问于2013-01-14
得票数 43
2
回答
z-index的表现不像我预期的那样好
、
、
因此,我大致得到了以下内容: <div id="A"> <ul> <li id="B">foo</li> </ul> </div> <div id="C"> ... </div> 它们的位置使B和C重叠。 A的z-index为90,B的z-index为92,C的z-index为91。但是C出现在B的前面,我做错了什么?(如果需要更多细节,请告诉我。)
浏览 3
提问于2008-12-23
得票数 5
回答已采纳
1
回答
SVG组上的CSS动画
、
与这里提到的问题不同,我只想通过CSS获得动画效果,就像我用JS应用它一样。我很高兴能用动画滤镜实现同样的效果,但我不知道如何实现。 为什么我的CSS动画在SVG组上不起作用?如果我将它应用于SVG本身,它确实可以工作。根据这里的示例,我如何使用CSS在SVG中设置组的动画。 .pulse { background: blue; width: 400px; height: 100px; animation-name: example; animation-duration: 4s; animation-iteration-count: infinite; } @key
浏览 1
提问于2017-09-06
得票数 0
1
回答
css3 @关键帧动画悬停
、
我有一个css3 @keyframe动画,我在控制它时遇到了一点麻烦。 这是一个两部分的动画,有一个高大的矩形,它是平放的,在第一部分中,它假设旋转90度,向你向上平移z轴,同时也向左平移,然后完成翻转,所以再旋转90度,继续向左移动,然后向下移动。所以基本上就是在制作弧线动画的同时翻转。 我有三个问题,一个是动画在加载时播放,这是我不想要的,我只想让它在悬停时播放,还有两个问题,一旦它完成了,它会立即重置,但实际上应该发生的是,动画应该只是在鼠标离开时向后运行,三个动画在应该顺利播放的中途暂停了一秒钟。 我这里有一个小提琴,谢谢你在这方面的帮助!: 这里还有css: .view {
浏览 4
提问于2013-08-22
得票数 2
回答已采纳
4
回答
移动safari位置:滚动时固定z指数故障
、
、
、
我知道iPhones以前不支持位置:固定的,但现在它支持,当我滚动一个固定位置元素在其他z索引较高的元素后面时,我看到了一个奇怪的故障。带有较低z指数的固定仓位元素出现在前面,看起来非常糟糕。有什么办法可以防止这种情况发生吗? 我尝试将-webkit-transform: translate3d(0, 0, 0);添加到固定元素中,但它似乎无助于解决这个问题。 Update i除了z索引之外还添加了transform:translateZ(x),它没有解决这个问题。 Update2 i添加了-webkit前缀,这确实解决了移动Safari上的z索引问题,但也会导致该位置:在桌面Chrome中
浏览 8
提问于2013-12-30
得票数 34
回答已采纳
1
回答
CSS透视图和translateZ在FF和Safari中不能正常工作
、
、
我使用css3透视图和translateZ,创建了一个覆盖流。 它也有一个过渡的效果时,点击通过。它在Chrome和IE10以及移动Safari 7上运行得很好,但是在火狐和桌面Safari上没有什么问题。 在Firefox(最新的29.0.1版)上,点击图片不会使其回到零位置(平面视图)。另外,您也不能通过下面的层单击。如果第一个图像是当前图像,则不能直接单击第三个图像,除非您单击第二个图像并使其成为当前的第一个图像。 在桌面Safari (5,在PC和MAC上),过渡部分工作,不是顺利,但可以接受。主要的问题是,无论您单击哪个映像,它都会立即触发下载,而代码应该只在图像是当前图像时
浏览 4
提问于2014-05-29
得票数 1
1
回答
出乎意料的z-索引堆叠行为
、
、
基本上,我试图将重叠角放在我的站点的#page_container后面,这样看起来图像就像是在重叠页面。 实例: HTML : <div id="page_container"> <div id="banner_wrapper"> <img id="banner_image" src="http://placehold.it/350x150" /> <div class="triangle-l"></div>
浏览 4
提问于2012-05-11
得票数 1
回答已采纳
2
回答
Safari可以播放反向css3动画吗?
、
、
、
如果我错了,请纠正我,但我必须注意,反向动画在Safari中不起作用。我不是第一个问这个问题的人,但由于我还没有找到答案,所以我贴出了这个问题。 有没有办法让反动画在Safari中工作?...or我应该忘记它们吗? 示例: <!DOCTYPE html> <head> <style> div{ Background-color: red; font-size:2vw; position:fixed; top:40%; right:0%; width:100%; height:12%; /*animation*/ -webkit-animation:test_
浏览 3
提问于2014-09-26
得票数 0
回答已采纳
1
回答
引导Navbar固定底部div重叠JS呈现的内容
、
、
在主页面容器中生成的内容与此DIV的内容重叠: <div class="navbar navbar-fixed-bottom"></div> 下面是来自github项目的CSS (引导sass) // Fix the top/bottom navbars when screen real estate supports it .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; border-width: 0 0 1px; // U
浏览 3
提问于2013-09-23
得票数 8
回答已采纳
3
回答
为什么在包含div的inputfield/textfield上有100%的宽度重叠?
、
、
为什么输入字段/文本字段上的100%宽度与包含的div重叠? Css: .red-div-400px{ background-color:red; width:400px } .input{ width: 100%; min-height: 28px; } Html: <div class="red-div-400px"> E-mail <input class="input" type="text"> </div> 下面的代码解决了这个问题,但是是什么导致了重叠呢?为
浏览 0
提问于2013-07-11
得票数 2
回答已采纳
1
回答
css图标位置不适用于mozilla firefox
、
、
图标位置工作是很好的铬。但是在mozzilla上,图标从位置移动。问题是,如何在mozilla上实现这段代码?铬和莫齐拉有什么不同吗?css代码如下 .searchbar-1{ float: right; width: 300px; vertical-align: middle; white-space: nowrap; position: relative; margin-right: 120px; margin-top: -4
浏览 0
提问于2019-07-29
得票数 1
回答已采纳
1
回答
容器内的引导div
、
、
、
我试图在引导中将导航放置在主容器中,但是当我将它放在主容器中时,我甚至不能单击导航,就好像它是它上面的另一个元素一样。 <div class="container" id="faqe1"> <div class="dotstyle dotstyle-tooltip"> <ul> <li class="current"><a href="#">Home</a&
浏览 1
提问于2016-03-02
得票数 0
回答已采纳
1
回答
在iPad上轻松实现jQuery移动过渡
、
、
、
、
我有一组非常简单的CSS过渡,我称之为“realslide”。它所做的一切都是滑动的(而jQuery手机的“滑动”,滑动和淡出)。我正在尝试一些easeOutCubic式的缓动效果,动画在开始的时候速度更快,当它完成它的过渡时,它会慢慢地进入。 Matthew Lein做了一个很好的定制CSS easing的网站: 然而,当我将其添加到jQuery移动中时,转换几乎是不存在的,并且非常滞后。这是令人困惑的,因为它似乎可以很好地进行3D过渡。 有人知道这是怎么回事吗?我使用的是iPad 2/ iOS 5.1,jQuery Mobile1.1.0-Rc1,PhoneGap 1.4。 我的JSFid
浏览 0
提问于2012-03-21
得票数 0
1
回答
强制div成为任意和所有网页的顶层元素
、
、
、
我目前正在为Chrome构建一个开源插件。已经差不多完成了--但是有几个but我正在尝试解决。本质上,在任意和所有网页中移动的div (注入到页面的HTML中)必须是最顶层的元素,才能使其可见。这是通过z-index @ 999实现的。然而,在一些网页上,这是行不通的! 在我脑海中,当你登录code.google.com时,菜单栏覆盖了我的分区。 无论web开发人员做什么,我如何在注入时强制它成为最顶端? 下面是我的div的CSS: #ezselected { -webkit-transition: all .2s ease-in-out; -moz-transition: all .
浏览 0
提问于2012-12-07
得票数 13
2
回答
z-index在firefox中的行为有所不同
、
、
、
我有以下代码 #flipper #Front { z-index:81; } #flipper #Back { z-index:80; } .face{ position:absolute; width:100%; height:100%; } .front{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } #flipper > * { max-width:100px; cursor:pointer; }
浏览 3
提问于2011-08-24
得票数 0
回答已采纳
4
回答
有没有办法让动画计时功能应用于整个动画而不是每个关键帧?
、
我对动画有点陌生,所以如果我错过了一个重要的概念,请原谅。我需要制作一个指向曲线上一点的箭头动画,为了这篇文章,让我们假设它是一条三次曲线。箭头沿曲线的线条移动,始终指向曲线下方的几个像素。 所以我所做的是,我使用CSS3沿着曲线的线设置关键帧: @-webkit-keyframes ftch { 0% { opacity: 0; left: -10px; bottom: 12px; } 25% { opacity: 0.25; left: 56.5px;
浏览 1
提问于2010-12-27
得票数 27
回答已采纳
1
回答
Z索引在IE上不起作用
、
、
、
、
以下代码在IE11中运行良好,但当我在IE8上测试页面时,Main_Box的底部不会与Intro DIV的顶部重叠。 如果我从“简介”中删除背景颜色,我可以看到它后面的Main_Box的底部,但我不能让它显示在前面。 我想可能是这个页面上引用的bug ... ...so试图将其包装在绝对DIV中以重置z索引,但无济于事。 <div style="position: relative; z-index: 3000"> <section id="intro"> <h1> EXAMPLES
浏览 0
提问于2014-06-18
得票数 0
1
回答
尝试创建一个有6个径向的循环菜单
、
我试图创建一个使用html和css的6条径向的循环菜单。我只得到6个总半径(边框)中的5个。我需要得到最后一个径向,在item5和item6之间。我需要得到同样的照片: HTML <div id="menu"> <div class="item1 item"> <div class="content"><a href="#one">Solución Aula Digital</a></div> </div>
浏览 2
提问于2014-03-05
得票数 6
回答已采纳
1
回答
在单个div中滚动会导致重叠。
、
、
、
我在弹出的后面使用position:fixed div和overflow: auto;作为透明div。 问题是当我滚动看到这个弹出的底部或顶部时,就会出现这种重叠。 我如何继续使用这个div作为一个背景,有能力滚动没有这种重叠? <div class="popup_screen_bg"> <div class="popup_screen"> <!-- update partner "form" --> </div> </div> CS
浏览 3
提问于2013-08-28
得票数 2
2
回答
使用z索引将div与图像重叠
、
CSS动画在图像后面不断播放。当图像未被加载时,它将显示,但当加载时,图像将重叠动画。我用z索引来实现这一点,但它不起作用。 图像应该隐藏使用z-index属性加载动画。 注意:我不能使用任何javascript解决方案来隐藏加载动画,并在图像加载后显示它。 CSS / HTML / Demo .leftprev { overflow:auto; position:absolute; height:99%; width:85%; } .loadingslide { z-index: 50; /* Loading div's z-index *
浏览 0
提问于2014-10-04
得票数 3
回答已采纳
1
回答
自定义复选框-与Chrome、FireFox和Safari兼容
、
我在我的网站上使用自定义复选框。我的问题是,Chrome和Firefox的可视化为我提供了一个小的白色框架,如下图所示: 问题:,我不是一个网络专家,我需要一些帮助来解决这个问题。提前谢谢。 CSS: input[type="checkbox"] { position: relative; display: inline-block; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; height: 25px; width: 50px; font-size
浏览 0
提问于2018-06-26
得票数 2
回答已采纳
2
回答
-webkit-转换和忽略z-索引
、
、
、
在safari 5.1.7中,一些旋转元素正在切割其他元素: 而在其他浏览器Firefox,Chrome,IE上,我得到: 有没有办法避免野生动物的“切割”问题? 一种显示问题的花招。 css: .myFlip { width: 310px; margin: 20px auto; -moz-perspective: 780px; -webkit-perspective: 780px; perspective: 780px; } .myFlip li { position: relative; display: inli
浏览 3
提问于2014-08-05
得票数 2
回答已采纳
1
回答
Android Cordova应用上的CSS动画延迟
、
、
、
、
position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #fff; overflow: hidden; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-animation-delay: 0; anim
浏览 0
提问于2016-02-29
得票数 0
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
AngularJS的七种常见优秀实践
讲真,会写动画的前端才是好开发!
前端入门4-CSS属性样式表
微软GitHub收购npm或成最大赢家!开源界野蛮竞争影响1200万开发者
盒子端 CSS 动画性能提升研究
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券