I was trying to get the below effect in XenForo


68747470733a2f2f692e696d6775722e636f6d2f49386d4a6c55662e676966
 
i did everything and for me is not workinany ideas ? i have attached a picture i am using AC.UI THEME

1631671303651.png
 
Last edited:
Having a strange issue with this, where it works perfectly in every browser except Firefox. @JoyFreak have you encountered this before?

Here is my current code:

Code:
.postbit_background {
display:block;
position: absolute;


    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    right: 0px;
    
    min-height: -moz-available;
min-height: -webkit-fill-available;
min-height: fill-available;
height: 100%;
height: -moz-available;         
height: -webkit-fill-available; 
height: fill-available;
-webkit-mask-image: linear-gradient(to top, rgba(172,172,172,0.5), rgba(255,0,0,0));
width: 100%;     
opacity:.70;
}
.message-name {
    position: relative;
}
@media (max-width: 650px) {
.postbit_background {
    display: none;
}
}
 
Top Bottom