我该怎么做呢?我希望我的元素看起来好像有一个阴影下划线.我不想要其他三面的影子

您已经在Paypal等网站上看到了此类进度条的迭代.如何使用CSS和设置它jquery?我有4页,每页都是一步...所以4个步骤.
#Container {
width: 500px;
height: 600px;
}
#TheElement {
width: 500px;
height: 100px;
background-color: #000000;
}
Run Code Online (Sandbox Code Playgroud)
如何将#TheElement锁定到#Container的最底层,无论容器内的其他内容如何,没有一堆边缘欺骗?
我试图使用这段代码:
<script>
jQuery('#MySelectorDiv').fadeTo(500,0.2);
</script>
Run Code Online (Sandbox Code Playgroud)
为了淡出一堆名为MySelectorDiv的div,唯一的一点是,它只会淡化第一个而不是全部...为什么会这样?
我也想在翻转时解除div,所以基本上所有的div都会变灰,除了活动的翻转.
希望你能理解.
我尝试动画多个div,淡入,一个接一个地在页面加载时按顺序.当我点击进入另一个页面时,我也希望反向按顺序淡出.我如何在jquery中设置它?
这是我的目标.具有透明度的角度选项卡位于另一个顶部.如何在不使用jpgs或png的情况下构建这个,但只有css?

<div class="woocommerce-loop-product__title"><? wc_get_template('single-product/title.php');?>
Run Code Online (Sandbox Code Playgroud)
我试图让这个字符串说:“产品名称更多信息”
我可以很好地获取产品名称部分,但如何将“更多信息”连接到此代码以使其正确输出?我尝试的每次回显尝试都会破坏我的网站
我试图从一条线上的阵列中吐出字母表中的每个字母,AZ.
这是我的代码到目前为止的样子:
$alphabet = array ("A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z");
while ($alphabet) {
echo $alphabet;
$alphabet;
}
Run Code Online (Sandbox Code Playgroud)
我有点卡在这个部分,并不太确定还有什么可以写这个工作.有什么建议?
jquery ×4
css ×3
html ×2
php ×2
arrays ×1
box-shadow ×1
css3 ×1
fadeout ×1
loops ×1
multi-step ×1
progress-bar ×1
tabs ×1
templates ×1
underline ×1
woocommerce ×1
wordpress ×1