CSS绝对和相对不适用于我的div滑块转盘
CSS绝对定位和相对定位可以用于实现div滑块转盘的效果。
- CSS绝对定位（position: absolute）：绝对定位是相对于最近的已定位祖先元素或者是整个页面进行定位的。通过设置元素的top、right、bottom和left属性来控制元素的位置。在div滑块转盘中，可以使用绝对定位来定位转盘的每个刻度和指针。
- CSS相对定位（position: relative）：相对定位是相对于元素自身原本的位置进行定位的。通过设置元素的top、right、bottom和left属性来相对于其原本位置进行偏移。在div滑块转盘中，可以使用相对定位来定位转盘的初始位置和进行微调。
应用场景：
- 轮播图：可以使用CSS绝对定位和相对定位来实现轮播图效果，通过定位图片或幻灯片的位置来实现切换效果。
- 动画效果：通过CSS绝对定位和相对定位的组合运用，可以实现各种动画效果，如飞入、淡入淡出、滑动等效果。
- 浮动菜单：使用相对定位和绝对定位，可以创建浮动菜单，使菜单在页面中跟随滚动，保持固定的位置。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云CDN：腾讯云内容分发网络（CDN）产品，提供全球加速、内容缓存、动态加速、HTTPS加速等功能，可用于提升网站的访问速度和稳定性。链接：https://cloud.tencent.com/product/cdn
- 腾讯云云服务器（CVM）：腾讯云的云服务器产品，提供高性能、可扩展的虚拟服务器，可用于搭建和部署应用程序。链接：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库（CDB）：腾讯云的云数据库产品，提供可靠、高性能的数据库解决方案，包括关系型数据库和非关系型数据库。链接：https://cloud.tencent.com/product/cdb
相关·内容
1回答
我正在尝试用VUE做一个滑块旋转木马，css类(3个div)在for循环中运行。每当div淡出时，下一个滑块就会在底部创建一个双滑块，这意味着两个滑块同时运行。an example of the problem 每当我使用相对和绝对属性时，我的div就完全消失了。该怎么办呢 <template>
<h1 class="text-center&qu
浏览 10提问于2021-01-27得票数 1
1回答
我有一个响应性的内容滑块。但是我想绝对定位滑块中的位置内容。我认为这是相当直截了当的，因为包装器的位置相对已经设置好了。
然而，似乎是JS滑块计算出包装器中元素的高度。然而，图像是重叠的，所以我需要他们的位置绝对。我尝试给滑块的最大宽度，它工作，并浮动在图像的左边，然后给予其他绝对定位。然而，
浏览 2提问于2014-01-10得票数 0
回答已采纳
我遇到了一个问题，它中断了我继续的能力。我在导航栏下面有一个简单的全宽转盘/滑块，但是因为它使用的是绝对定位，所以打乱了它下面页面的其余部分(div隐藏在它下面)。我试着在匹配的高度上使用一个重影div来校正流出的区域的高度，但是当它缩小到移动设备的大小时，由于高度可变(文本决定高度)，它不适用于我的响应式样式。;)
浏览 18提问于2020-05-30得票数 1
回答已采纳
1回答
我正在建立一个新的网站，我需要有我的引导轮播编辑的标题下旋转木马本身。我不知道如何只在css中修复
浏览 1提问于2014-02-26得票数 0
1回答
我有问题的新滑块，我正在制作。我有3个div 1相对和2个绝对#= parseFloat($element) + parseFloat(esq);
$(this).css('left', parseFloat(final) + 'px');a
浏览 8提问于2012-02-18得票数 1
1回答
Calc替代方案
、、
我已经开发了非常好的代码，但是由于我使用了calc函数，有些浏览器不支持它。我不知道用什么方法代替它。HTML: <img height="35" width="35" class=&quo
浏览 3提问于2014-07-03得票数 1
回答已采纳
我想有一个包含几个div的水平滑块。我希望他们中只有3个是可见的，并希望使用%(宽度33%)，而不是px。我的问题是，滑块(一个jQuery插件)添加了一个带有width:auto的div，这个div比窗口大得多，并且内容div的33%的宽度变成相对于这个父级而不是包装器。我不能在css中做到这一点，因为内容div必须保持<em
浏览 1提问于2013-09-15得票数 1
但是下拉菜单显示在下，我的头底部的div有显示：，但这不是唯一的问题，它也是我的覆盖的唯一问题，它有图像和div，我不知道是哪一个覆盖了我的下拉菜单。我不太熟悉使用z索引，解决这个问题的最好方法是什么？
浏览 2提问于2010-09-01得票数 2
2回答
我有纯粹的CSS图像滑块，我想要定位(margin:auto)与文字下面。滑块图像是绝对定位的，因为他们是堆叠。我不知道该怎么定位迪夫。我有相对位置的内容和包装div。图像大小应该是响应性的(因此是max-width:100%)，但是包装器或内容div可以是精确的大小。或者他们也不需要？到目前为止，这就是我所做的
浏览 9提问于2017-05-19得票数 0
回答已采纳
5回答
我使用的是，但我想把一个PNG图像放在滑块上，这样它只会通过透明的部分显示。使用JavaScript或CSS最好的方法是什么？
浏览 2提问于2011-04-27得票数 1
回答已采纳
我试图让jqm滑块元素作为放大器上的"pan“命令工作，这样：
在中央位置加载，响应为零(由“value=0”实现)滑块背景在零值时不存在，但在向左/向右移动时仅从中心(0值)到句柄(仍未处理)物化。
浏览 1提问于2014-11-16得票数 1
我即将在javascript中编写这个客户端小部件滑块。
当用户回答问题时，滑块将增加。我可以让滑块的背景生长和缩小，但我不太确定的是，有"65%“指示器”坚持“在蓝色div的末尾，并自动移动，随着滑块背景的增长和缩小。因为这是javascript，所以我可以动态地设置指示器的绝对位置。好吧，我还没有真正尝试过什么，因为我想有很多方法来达到这个目的，所以
浏览 0提问于2012-08-02得票数 1
回答已采纳
3回答
我有一些div，当页面准备就绪时，它们是用位置绝对(CSS)设置的，它们相对于另一个固定的div定位，这很好用。但是，在加载页面和设置所有内容之前，如果调整页面大小，这些绝对div不会跟随更改，而是移动到其他位置，我认为这些位置是相对于屏幕顶部和左侧的值。我用作定位绝对div的起始点的
浏览 2提问于2009-11-01得票数 31
回答已采纳
1回答
我的问题是关于一个水平滚动1页的网站。我使用jQuery进行滚动。当您单击导航菜单中的链接时，您将转到该部分，但它完全显示在屏幕的右侧。$(function() { if (location.pathname.replace
浏览 2提问于2015-05-18得票数 0
2回答
它在Safari，Chrome，甚至IE中都运行得很好，但在Firefox中，可拖动的手柄不会显示在正确的位置，而是出现在包装器div的顶部。我仍然可以单击它们应该在的栏上拖动它们，这使我相信这只是一个CSS问题。function bind_slider_bar (category) {
$(slider_id (category)
浏览 0提问于2011-11-17得票数 0
回答已采纳
我的HTML包含几个100%宽度的div，它们应用了背景图像规则。周围的每个画布div都是相对位置的，而背景图像div是绝对位置的。每个背景图像div都有一个background-size: cover；，但由于某些原因，这不起作用。应用了背景图像的前两个“滑块”部分在左侧和右侧显示白条。这两个部分将1980x1000像素
浏览 0提问于2017-10-26得票数 0
2回答
我的情况是，我必须将一个div DivFirst放在另一个div DivSecond中。我是通过设置下面给出的css来完成的，{ height:500px;}正在发生呢？顺便说一句，如果我
浏览 3提问于2013-03-03得票数 0
回答已采纳
2回答
我正试图在我的网站中集成一个简单的滑块，并在jsfiddle上找到了。我确实希望将滑块“相对”放置在我的网站中，但是如果我将css更改为position: relative;，滑块就不能正常工作了，因为它现在显示在另一个上方的渐褪色图像。为什么会发生这种情况，我如何在我的网站中定位滑块-div“相对”？我试过用另一个div层包装
浏览 6提问于2014-03-20得票数 0
回答已采纳
1回答
当前的html和css有点混乱，因为该网站仍处于早期测试版，并且正在开发中，但这个菜单将被使用。
headerslidermenuslider图像菜单下拉列表
我愿意接受任何让这更简单的想法，或者解决这个问题的方法。耽误您时间，实在对不起。
浏览 1提问于2010-09-27得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
