Good afternoon friends!
My question will be somewhat abstract. Recently, I have occasionally encountered the problematic display of CSS styles on the Yandex Browser. That background image disappears, then just all the elements begin to mix.
Are there any features of cross-browser related specifically to Yandex Browser? There is almost no specific information on the network, so I am interested in more experienced comrades :)
If you have any information or links to it, please be so kind, share it!
Thank you in advance :)

An example of code in which background images of benefits icons disappear.

<div class="features_main"> <div class="feature_main"> <p>Преимущество №1</p> </div> <div class="feature_main"> <p>Преимущество №2</p> </div> <div class="feature_main"> <p>Преимущество №3</p> </div> <div class="feature_main"> <p>Преимущество №4</p> </div> </div> .feature_main { margin-top: 70px; background-image: url(../img/advantage.png); background-repeat: no-repeat; background-position: center top; display: inline-block; height: 150px; position: relative; width: 250px; } .feature_main p { position: absolute; bottom: 0; right: 0; left: 0; font-family: "DinProRegular"; color: #fff; } 
  • attach an example of code that is displayed incorrectly - Alex
  • @Alex added the code - Igor Voinov
  • Perhaps the path is not properly worked out ... for the test, enter the full path to the picture, not the relative ... - Alex
  • @Alex tell me, please, what does the full path look like? - Igor Voinov
  • @ IgorVoinov if css is located at site.com/themes/css then with ../img/advantage.png, the file should be located at site.com/themes/img/advantage.png try this and specify ... - Alex

0