如何解决图像未按预期显示
我正在创建Blazor应用程序,但是我的CSS没有应用到页面上。
我已经在index.html页面上包含了CSS。
<div class="login100-more" style="background-image:url('images/bg.jpg');"></div>
<div class="wrap-login100 p-1-50 p-r-50 p-t-72 p-b-50"></div>
此类的css
[ Login100 more ]*/
.login100-more {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: calc(100% - 520px);
position: relative;
z-index: 1;
}
.login100-more::before {
content: "";
display: block;
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #e8519e;
background: -webkit-linear-gradient(bottom,#e8519e,#c77ff2);
background: -o-linear-gradient(bottom,#c77ff2);
background: -moz-linear-gradient(bottom,#c77ff2);
background: linear-gradient(bottom,#c77ff2);
opacity: 0.8;
}
.wrap-login100 {
width: 520px;
min-height: 100vh;
background: #fff;
border-radius: 2px;
position: relative;
}
p-?-50正在填充 l =左 r =对 t =顶部 b =底部
当我在没有Blazor的情况下查看html时,它看起来不错。 当我将其作为Blazor应用程序运行时,图像丢失了!
示例代码是从Graphic下载的
我修改了字段名称以适合我的需求。除了重命名文本输入之外,其他所有内容都保持不变
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。