我遇到了一个独特的情况,到目前为止我无法找到解决方案:动态地为CSS样式赋值.我知道如何使用jQuery为元素分配宽度,高度等,但我想要做的是实际更改样式表中定义的值,以便可以将动态创建的值分配给多个元素.
我正在构建的是一个占据整个视口的图像幻灯片,重新计算图像的大小,高度和左侧属性,以便图像始终居中,有利于宽度超过高度,除非视口高于它宽(调整大小不会重新加载页面,只需触发一个函数来调整图像大小).
我已经成功地让它在一个图像上工作,现在我正在尝试确定将这些属性值分配给幻灯片中所有图像的最佳方法,而不必为每个图像单独指定这三个项目.
可以动态修改类中属性的值吗?我确定答案就在那里,我可能只是在我的搜索中没有使用正确的术语.希望我能很好地描述这个问题.TIA.
我出于某种原因无法使用jQuery更改元素的zIndex.我搜索了所有这个网站和谷歌,但找不到正确的答案.我试图在点击按钮时将我的元素放在另一个div的前面.我使用了你可以在这里看到的代码.但没有奏效.
$(this).parent().css('zIndex',3000);
Run Code Online (Sandbox Code Playgroud)
它在开头的元素的CSS代码:
#wall{
width:100%;
height:700px;
position: absolute;
top:500px;
background: #11c1e7;
opacity: 0.6;
z-index: 900;
}
Run Code Online (Sandbox Code Playgroud)
要超出此范围的元素的CSS代码:
.port1 {
width:200px;
height:200px;
left:<?php echo rand(1,1000); ?>px;
top:-500px;
border-radius: 500px;
background:red;
position:absolute;
z-index: 10;
}
Run Code Online (Sandbox Code Playgroud)
有谁知道我怎么解决这个问题?
//编辑
链接到该网站:http: //dannypostma.com/project/j.php
点击投资组合球时,两个球从空中掉落.点击时这些应该在水面前.