gpt4 book ai didi

html - 如何根据其他元素的css属性设置css属性

转载 作者:行者123 更新时间:2023-11-27 23:53:11 26 4
gpt4 key购买 nike

我正在使用 ionic 4 并想在其他元素之上设置一些 mask 元素。我的 mask 元素是一个固定图像,我想将其设置在 ion-tab-bar 的正上方 - 这意味着我希望我的图像“底部”css 属性与 ion-tab-bar css“高度”属性相同值(value)。

我已经在选项卡页面中尝试过:

ionViewDidEnter() {
document.getElementById('mask').style.bottom = document.getElementById('tabsbar').style.height;
}

但是样式属性返回空字段...

还有别的办法吗?也许用 ngStyle?

最佳答案

你可以采用 jquery 方式:

function hallo(){
$("#num1").css("bottom", $("#num2").css("height"));
}
#num1{
position: absolute;
bottom: 100px;
background-color: red;
padding: 15px;
width: 100px;
height: 50px;
}
#num2{
position: absolute;
top: 0;
left: 100px;
background-color: green;
padding: 15px;
width: 100px;
height: 150px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<div id="num1">
</div>
<div id="num2">

<button onclick="hallo();">I position red div at bottom: 150px</button>
</div>

关于html - 如何根据其他元素的css属性设置css属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56409668/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com