我有一个悬停效果,当它被触发时,框会放大.唯一的问题是,文本在转换期间似乎模糊,然后在"转换"时再次变得清晰.
在发布之前,我决定进行一项研究并发现这篇文章似乎也与我的问题有关:
如何在Safari中进行WebKit 3D变换后强制重新渲染
http://duopixel.com/stack/scale.html
我已经将他们的答案应用于我的构建,但仍然会发生模糊效果.我在下面提供了一个链接,如果有人可以告诉我我有什么可以解决这将是伟大的!
例如转换代码:
-moz-transform:scale(1.05,1.05);
Run Code Online (Sandbox Code Playgroud)
我正在使用编码器,并且我从数据库中显示soms结果.使用PHP显示结果如下:
<?php
if(isset($foo)){
foreach($foo as $bar){ ?>
<ol><li>
<div class="results">
<p class="name"><?php echo $bar['name']; ?></p>
<p class="address"><?php echo $bar['address']; ?></p>
<p class="address"><?php echo $bar['postcode']; ?></p>
<span><?php number_format($bar['miles'],3) ?></span> miles
</div>
</li></ol>
<?php
}
}
?>
Run Code Online (Sandbox Code Playgroud)
我也尝试将课程'结果'添加到ol li.results并且没有运气.添加了边框,边框包裹每个结果,所以我知道我的标签是在正确的位置.CSS:
ol li {
border:1px solid red;
list-style-type: decimal;
}
Run Code Online (Sandbox Code Playgroud)
在reset.css我有这个:
loads...of...elements including ul, ol and li {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
Run Code Online (Sandbox Code Playgroud)
我从中移除了ol,li并且我得到了数字,但是每个结果都有1.而不是1,2 3
这些显示为地址列表,我想让它们编号,所以第一个将有1.RESULT 1,2.RESULT 2等等...我试图使用有序列表标签,似乎没有显示有关数字.我已经检查了萤火虫,并且标签正在为每个人开火.这是一个CSS问题还是PHP显示结果的方式?
任何帮助将非常感激.