将不透明度应用于滑块
将不透明度应用于滑块
提问于 2020-09-22 02:46:55
晚上好，我是一个应用样式的新手，我的问题是我有下面的滑块，我想增加它的不透明度。
<div class="single-hero-slide bg-img" style="background-image: url(img/slider/slider4.jpg);">
<div class="container h-100">
<div class="row h-100 align-items-center">
<div class="col-12">
<div class="hero-slides-content">
<h4 data-animation="fadeInUp" data-delay="100ms">All the courses you need</h4>
<h2 data-animation="fadeInUp" data-delay="400ms">Wellcome to our <br>Online University</h2>
<a href="#" class="btn academy-btn" data-animation="fadeInUp" data-delay="700ms">Read More</a>
</div>
</div>
</div>
</div>
</div>我希望你能帮助我的css代码。
回答 1
Stack Overflow用户
发布于 2020-09-22 03:55:21
我不推荐你包含的内联样式，因为它不可维护。要将css文件添加到项目中，请创建一个新的css文件(最好是名为main.css的文件，然后使用<link rel="stylesheet" href="*">链接到该文件)，将此代码粘贴到html的标题中，然后将*号更改为文件位置。接下来，你可以引用滑块类，在你的例子中，你应该输入.container h-100{}，然后在花括号中输入opacity: ;，然后在中间：&；在0~ 1的范围内写任何数字。不透明度为0的将不可见，不透明度为1的将完全可见。希望这能回答你的问题！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63998267
复制相关文章
相似问题
腾讯云开发者
