Is there a separate top property for chrome, mozilla and ie?

Question

Cross browser

There is such code
.view a:hover:after{
content:'';
position:absolute;
background: #fff url(../images/viewbg2.png) no-repeat center center;
top:-1px;
left:87px;
width:42px;
height:70px;
z-index:-1;
}
The problem is that the position of the background differs by 1 pix in chrome from other browsers.
Is it possible somehow to make a separate top property only for chrome ?

Answer 1

can. on your page (page or index or whatever) you write:
<?php
$chrome = strpos($_SERVER["HTTP_USER_AGENT"], 'Chrome') ? true : false;
?>
is how we define a browser.
and then in php (or html, depending on what the site is on) we make an if condition:

<?php if ($chrome) { ?>
< div class="style_for_chrome">
<?} else {?>
< div class="style_not_for_chrome">
<? } ?>
ваш контент
</div>

Well, accordingly, you write two different styles in css:
.style_for_chrome {}
.style_not_for_chrome {}