• Home
  • Categories
  • Recent
  • Popular
  • Top
  • Tags
  • Users
  • Groups
  • Documentation
    • Home
    • Read API
    • Write API
    • Plugin Development
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
v3.5.2 Latest
Buy Hosting

Transparent user profile image problem

Scheduled Pinned Locked Moved General Discussion
6 Posts 2 Posters 358 Views
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • S Offline
    S Offline
    sharonyue
    wrote on last edited by sharonyue
    #1

    I update the latest nodebb, found the following issue:

    2021-05-12 17-04-18屏幕截图.png

    The latest one is a transparent png, there is a line cross it..

    phenomlabP 1 Reply Last reply
    0
  • phenomlabP Offline
    phenomlabP Offline
    phenomlab
    replied to sharonyue on last edited by
    #2

    @sharonyue You should be able to work around this using CSS class z-index - can you provide a URL where I can view ?

    S 1 Reply Last reply
    0
  • S Offline
    S Offline
    sharonyue
    replied to phenomlab on last edited by sharonyue
    #3

    @phenomlab You can see it from here 🙂

    phenomlabP 1 Reply Last reply
    0
  • phenomlabP Offline
    phenomlabP Offline
    phenomlab
    replied to sharonyue on last edited by
    #4

    @sharonyue Try this

    .topic .posts>[component=post] .avatar, .topic .posts>[component=post] .timeline-badge, .topic .timeline-event .avatar, .topic .timeline-event .timeline-badge {
        background: #ffffff;
    }
    

    This will place a white background over the image matching this class - it'll only show for transparent images, and will probably solve the issue. However, you'll need to check other areas of the site and perhaps adjust the CSS to suit if necessary.

    4f63101b-ad52-4167-bba3-de9c8c1fdc48-image.png

    S 1 Reply Last reply
    0
  • S Offline
    S Offline
    sharonyue
    replied to phenomlab on last edited by
    #5

    @phenomlab Thank you! It works like a charm!!

    Do you think if nodebb needs to fix it as a bug? instead of CSS?

    phenomlabP 1 Reply Last reply
    0
  • phenomlabP Offline
    phenomlabP Offline
    phenomlab
    replied to sharonyue on last edited by
    #6

    @sharonyue No, I don't think so. It's unusual for avatar images to have transparent backgrounds 🙂

    1 Reply Last reply
    0

Copyright © 2023 NodeBB | Contributors
  • Login

  • Don't have an account? Register

  • Login or register to search.
Powered by NodeBB Contributors
  • First post
    Last post
0
  • Home
  • Categories
  • Recent
  • Popular
  • Top
  • Tags
  • Users
  • Groups
  • Documentation
    • Home
    • Read API
    • Write API
    • Plugin Development