jeblur
V2EX  ›  问与答

请教一个前端问题。。

  •  
  •   jeblur · May 15, 2020 · 3922 views
    This topic created in 2371 days ago, the information mentioned may be changed or developed.

    如何让这个登陆框嵌在整个背景里而不是像现在这样像是切开了整个背景图片然后穿插到中间 homepage

    有 css 文件,但不知道如何去改 css

    25 replies  •  2020-05-15 19:21:30 +08:00
    cjc2017
    cjc2017
    May 15, 2020
    1
    中间登录框白色的背景改下透明度
    wildnode
    wildnode
    May 15, 2020
    2
    这背景是左右各一张么?
    murmur
    murmur
    May 15, 2020
    3
    background 用 transparent 就可以,或者 rgba 可以调出叠加淡淡的灰度
    hahahahaha234
    hahahahaha234
    May 15, 2020
    4
    opacity
    jeblur
    jeblur
    OP
    May 15, 2020
    5
    @wildnode 是一整张
    murmur
    murmur
    May 15, 2020❤️1
    6
    @hahahahaha234 opacity 的透明度影响里面的元素,rgba 叠加才不影响
    jeblur
    jeblur
    OP
    May 15, 2020
    7
    问下各位大佬,CSS 里面的 color 的颜色是什么意思
    murmur
    murmur
    May 15, 2020
    8
    @jeblur 文字颜色,这种应该去查手册,不需要问啊
    stuartTin
    stuartTin
    May 15, 2020
    9
    @wildnode 老哥咱俩头像挺有缘啊
    ccyu220
    ccyu220
    May 15, 2020
    10
    这种其实你放个线上演示地址更好解决。如果只看图的话,不好表述。
    jeblur
    jeblur
    OP
    May 15, 2020
    11
    @murmur 在.ui-body-a, .ui-overlay-a {}标签下增加了 background: transparent 都没有效果,不知道哪里错了。
    以我的理解打开页面之后 F12 点选背景可以看到标签,但不知道这个标签是否跟 CSS 文件相关联
    zhyl
    zhyl
    May 15, 2020 via Android
    12
    把红线框出来的地方去掉就不觉得是左右两张图了🐶
    jeblur
    jeblur
    OP
    May 15, 2020
    13
    @ccyu220 公司的 portal 地址,放出来怕被攻击。。不过这样确实可能不好根本解决问题
    IGJacklove
    IGJacklove
    May 15, 2020
    14
    给个绝对定位呗,谁没事会来攻击你这种网站...
    otakustay
    otakustay
    May 15, 2020
    15
    登录框只有中间一小块(不包括红框部分),绝对定位或者 flex 啥的办法怼到正中央就行了,再给背景加点透明
    GzhiYi
    GzhiYi
    May 15, 2020
    16
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    jeblur
    jeblur
    OP
    May 15, 2020 via Android
    17
    @zhyl 关键问题是这个是系统自带的不知道去掉会不会有问题,而且暂时还没定位到这个部分在 css 文件中的位置
    wildnode
    wildnode
    May 15, 2020 via iPhone
    18
    @stuartTin 哈哈哈哈你会杂技
    qiayue
    qiayue
    May 15, 2020
    19
    初级前端效果,你们的实现方式有问题。
    正确的方式,背景图片放 body 或者一个大 div 里。
    登录框设置半透明背景,再调一下圆角会更好看。
    .login-box{
    background-color: rgba(0,0,0,0.6);
    border-radius: 10px;
    }
    jeblur
    jeblur
    OP
    May 15, 2020
    20
    @qiayue 这其实是系统中自带的 css,可能也是调用的什么模板把,毕竟不是专业做这块的
    CDL
    CDL
    May 15, 2020
    21
    关键字:垂直居中
    imzhaotao
    imzhaotao
    May 15, 2020
    22
    登录宽设置宽高,然后定位到屏幕中间就可以了
    rebel28
    rebel28
    May 15, 2020
    23
    定位 然后改改 div 大小
    y4ZIZrCL74b9MYl6
    y4ZIZrCL74b9MYl6
    May 15, 2020
    24
    脱离标准流
    定位
    background-attachment:fixed;
    y4ZIZrCL74b9MYl6
    y4ZIZrCL74b9MYl6
    May 15, 2020
    25
    background-color: transparent;
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2359 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 596ms · UTC 12:18 · PVG 20:18 · LAX 04:18 · JFK 07:18
    ♥ Do have faith in what you're doing.