IE和FF上的按钮位置关闭

时间:2014-06-10 19:46:24

标签: html css

如何匹配

上按钮的样式(以及位置关闭)

http://jsfiddle.net/nA4P9/21/

使用CSS中的兼容代码?

查看来自不同浏览器的图片 - IE Chrome / IE / FF。 FF Chrome

CSS -

.FindHome {background-color:#09F; width:300px; border:1px solid #09F; padding:10px 40px 10px 15px; border-radius:5px; display:block; margin-left:auto; margin-right:auto; background: #09F url('http://www.magnixsolutions.com/clients/tas/img/arrow.png') no-repeat; background-position:320px center; margin-bottom:35px; overflow: hidden; text-decoration:none; color:#ffffff;}
.FindHome:hover {border:1px solid #4d4d4d; background: #4d4d4d url('http://www.magnixsolutions.com/clients/tas/img/arrow.png') no-repeat;  background-position:320px center;}
.FindHome-div{display:inline-block;}

HTML -

<div class="fluid FindHome-div">
    <h1><a href="http://www.ntreisinnovia.net/ntr/idx/index.php?key=b74b4ef49443e4ac6699324016bbaec5" class="FindHome" target="_blank">Find your home </a></h1>
</div>

0 个答案:

没有答案