Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá galera,
tem um código css que só está funcionando perfeito no chrome.
Evento este em questão o mouseHover.
Alguém me ajuda?
tá aí o código:
<script>
var VStr1 = ""
var VStr2 = 1
</script>
<link href="##CaminhoDir##htm/ESTILO.css" rel="stylesheet" type="text/css">
<link href="ESTILO.css" rel="stylesheet" type="text/css">
<div>
<div class="lista-produtoV2 prateleira">
<h2 class="tit">
<b>Promoções</b>
</h2>
<!-- INICIO ProdutoListaBloco -->
<!-- PARAMS % em=promo ~ cols=3 ~ qtde=3 -->
<ul class="vitrineProdutos">
<div class="hproduct">
<span class="productImage">##ProdutoIMG % cod=n##</span>
<strong class="name fn">##NomeProduto % cod=n##</strong>
<span class="productDetails">
<span class="from price regular">
De:
<strong>##ProdutoValorDe % cod=n##</strong></span>
<span class="for price sale">
Por:
<strong>##ProdutoValorPor % cod=n##</strong></span>
<span class="parcel">
ou
<strong>03X</strong>
de
<strong>##ProdutoValorParc % qtdeparc=3 ~ cod=n ##</strong>
<span class="condition">sem juros</span>
</span>
</span>
</div>
<div class="vejaMais">##BotaoVejaMaisPeq % cod=n##</div>
<!-- FINAL ProdutoListaBloco -->
</ul>
</div>
<div>
<div class="lista-produtoV2 prateleira">
<h2 class="tit">
<b>Destaques</b>
</h2>
<!-- INICIO ProdutoListaBloco1 -->
<!-- PARAMS % em=destaque,destaquep ~ cols=3 -->
<ul class="vitrineProdutos">
<li id="ctl00_Conteudo">
<div class="hproduct">
<span class="productImage">##ProdutoIMG % cod=n##</span>
<strong class="name fn">##NomeProduto % cod=n##</strong>
<span class="productDetails">
<span class="for price sale">
Por:
<strong>##ProdutoValorPor % cod=n##</strong></span>
<span class="parcel">
ou
<strong>03X</strong>
de
<strong>##ProdutoValorParc % qtdeparc=3 ~ cod=n ##</strong>
<span class="condition">sem juros</span>
</span>
</span>
</div>
<div class="vejaMais">##BotaoVejaMaisPeq % cod=n##</div>
</li>
<br>
</ul>
</div>
<!-- FINAL ProdutoListaBloco1 -->
abaixo o CSS:
@charset "utf-8";
/ PADRAO DE LISTA /
.prateleira {margin-bottom:10px;overflow:hidden;}
.prateleira .rating {display: none;}
.prateleira .vitrineProdutos {overflow:hidden;padding-left:30px;clear:both;}
.prateleira .vitrineProdutos li {overflow:hidden;padding:10px 0 20px;float:left;width:100%;margin-left:15px;border-top:1px solid #EAEBEB;margin-top:-1px;}
.prateleira .flags {margin-bottom:10px;display:block;}
.prateleira .flags .frtFlags{margin-bottom:5px;display:block;}
.prateleira .vitrineProdutos .first {clear:left;margin-left:-30px;}
.prateleira .name, .compreJunto .name {display:block;font-weight:normal;margin-bottom:6px;white-space:normal;}
.productDetails .from strong,.productDetails .parcel strong {font-weight:normal;}
.productDetails .for {display:block;color:#1455ab;font-weight:bold;}
.productDetails .for strong {font-size:1.363em;}
.productDetails .parcel {color:#1455ab;}
.productDetails .condition {color:#1455ab;display:block;}
.prateleira .vejaMais {margin:0 auto;width:170px;}
.prateleira .vejaMais span {background:url(../img/smallIco.png) no-repeat 0 -100px;color:#666;font-size:0.909em;padding-left:21px;margin-bottom:5px;display:block;text-transform:capitalize;}
.prateleira .vejaMais li {background:url(../img/smallIco.png) no-repeat 23px -597px;display:block;float:none;font-size:0.909em;margin:0 0 3px 0;padding:0 0 0 30px;width:auto;border:none;}
.prateleira .vejaMais li a {color:#666;}
body.sku .prateleira .vitrineProdutos, .list5, body.busca-resultado .prateleira .vitrineProdutos {overflow:hidden;padding-left:30px;}
body.sku .prateleira .vitrineProdutos li, .list5 li, body.busca-resultado .vitrineProdutos li {overflow:hidden;padding:10px 0 20px;position:relative;float:left;width:24.9%;margin-left:10px;}
body.sku .prateleira .vitrineProdutos .first, .list5 .first, body.busca-resultado .vitrineProdutos .first {clear:left;margin-left:-30px;}
.prateleira .hproduct .compareNow input,.prateleira .hproduct .adicionarLcas input{float:left;}
.prateleira .hproduct .compareNow label,.prateleira .hproduct .adicionarLcas label{display:block;margin-top:7px;}
.box-banner {margin-bottom:10px}
.lista-produto .tit, .lista-produtoV2 .tit, h1.tit, .boxserv h2.tit, .specialContent .tit, .atendimento-cliente h2 a, .agend h1 {padding-bottom:10px;font-size:1.454em;font-weight:bold;border-bottom:3px solid #c6c6c6; text-align:left;}
/ Lista de produtos /
.prateleira .hproduct, .comparacao .hproduct{margin:0 auto 15px auto;width:180px;position:relative;}
.prateleira .hproduct .productImage, .comparacao .hproduct .productImage {display:block;text-align:center;margin-bottom:10px;border:1px solid #fff;background:#fff;}
.lista-produtoV2 .hproduct,
.prateleira .hproduct .link, .corpoComparacao .comparacao .hproduct .link {border:1px solid #fff;display:block;padding:5px;}
.corpoComparacao .prateleira .hproduct .link, .corpoComparacao .comparacao .hproduct .link{border:1px solid #fff;display:block;padding:5px 5px 65px 5px;}
.lista-produtoV2 .hproduct .link,
.corpoComparacao .lista-produtoV2 .hproduct .link {border:none;padding:0;}
.lista-produtoV2 .hproduct:hover,
.prateleira .hproduct .link:hover, .comparacao .hproduct .link:hover {display:block;text-decoration:none;border:1px solid #c6c6c6;background:#f1f1f1;}
.lista-produtoV2 .hproduct .link:hover {border:none;background:none;}
.prateleira .hproduct .link:hover .productImage,.comparacao .hproduct .link:hover .productImage,.lista-produtoV2 .hproduct:hover .productImage {display:block;border:1px solid #c6c6c6;}
.prateleira .hproduct .link:hover .stamp img, .comparacao .hproduct .link:hover .stamp img {border:none;background:none;}
.prateleira .esgotado, .prateleira .indisponivel, .prateleira .avise {color:#B70F15;display:block;font-weight:bold;margin-bottom:10px;}
.prateleira .indisponivel {margin-bottom:5px;}
span {margin:0;padding:0;font-weight:normal;font-style:normal;font-size:100%;font-family:inherit;border:0;}
Carregando comentários...