Есть ли отдельное свойство top для chrome, mozilla и ie?

Question

[Дмитрий]

Есть такой код
.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;
}
Проблема в том что позиция бэкграунда отличается на 1 пикс в хроме от других браузеров.
Можно ли как-то сделать отдельное свойство top только для хрома ?

Comments

[aen]

Выложите пример в какую-нибудь песочницу, иначе никто смотреть на него не будет.

Answer 1

[kolibry1]

можно. на своей странице (page или index или что у вас там) пишете:
<?php
$chrome = strpos($_SERVER["HTTP_USER_AGENT"], 'Chrome') ? true : false;
?>
так определяем браузер.
и потом в php (или html, смотря на чем сайт) делаем условие if:

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

ну и соответственно в css прописываете два разных стиля:
.style_for_chrome {}
.style_not_for_chrome {}