我正在使用jQuery和CSS创建翻页操作。我让page curl工作,但是pagecurl后面的公告不可见。看看我到目前为止有什么。。。
这在我的index.html文件中:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){

// Page Flip on hover

    $("#pageflip").hover(function() {
        $("#pageflip img , .msg_block").stop()
            .animate({
                width: '307px',
                height: '319px'
                }, 500);
            } , function() {
            $("#pageflip img").stop()
                .animate({
                    width: '50px',
                    height: '52px'
                }, 220);
            $(".msg_block").stop()
                .animate({
                    width: '50px',
                    height: '50px'
                }, 200);
});
});
</script>
</head>

<body>

<div id="all">

   <div id="pageflip">
    <a href="#">
        <img src="stylesheets/images/flip.png" alt="" />
        <div class="msg_block"></div>
   </div>

这是我的CSS。。。
png图像是页面卷曲,工作得非常出色。然而,在任何地方都看不到announce.png。
#pageflip {
    position:relative;
}

#pageflip img {
    width: 50px;
    height: 52px;
    z-index:99;
    position:absolute;
    right:0;
    top:0;
    -ms-interpolation-mode: bicubic;
}

#pageflip .msg_block {
    width: 50px;
    height: 50px;
    position:absolute;
    overflow:hidden;
    right:0;
    top:0;
    background: url(announce.png) no-repeat right top;
}

有人有什么想法吗?

最佳答案

你的HTML页面上有合适的<!Doctype>吗?

07-24 15:14