小编J.T*_*ral的帖子

我正在制作一张可以在100%边界半径内盘旋的图像.
当你将它悬停时,图像会缩放.现在出现了问题.当我将其悬停时,您将在边界半径之外看到图像1秒.

它似乎在Firefox中工作.但不是在chrome和Safari中.

现场演示:http:
//jewelbeast.com/something/imghover/rounded.html

HTML:

    <div class="rounded-smallborder">
        <section class="img-scale img-opacity" style="width: 250px; height: 250px;">
            <img src="http://placehold.it/250x250" />
            <div class="text">
                <span>
                    <h1>This is a title</h1>
                    <ul>
                        <li>List number 1</li>
                        <li>List number 2</li>
                        <li>List number 3</li>
                    </ul>
                </span>
            </div>
        </section>
    </div>

CSS:

div.rounded-smallborder{
    margin-top: 22px;
    margin-bottom: 22px;
    height: 362px;
    width: 228px;
    float: left;
    display: block;
    margin-left: 10px;
}

div.rounded-smallborder section{
    position: relative;
    width: 217px;
    height: 217px;
    -webkit-border-radius: 100%;  
  -moz-border-radius: 100%;  
  -ms-border-radius: 100%;  
  -o-border-radius: 100%;  
  border-radius: 100%; …

我有一个"front-page.php",这是一个静态的单面页面.如果我使用Wordpress循环在front-page.php上查看我的最新帖子,他们都会显示出来.现在我想创建一个新闻页面,所以我创建了一个文件"page-news.php".从首页删除循环代码并将其粘贴到页面新闻中.虽然没有任何反应.

循环代码:

<?php get_header();?>

<?php
if (have_posts()):
while (have_posts()): the_post();?>

<?php the_title();?>
<?php the_content();?>

<?php
endwhile;
else: echo '<p>no posts were found</p>';
endif;

 ?>

<?php get_footer();?>

我错过了什么？