小编jhc*_*awk的帖子

CSS3转换似乎在动画期间修改z-index

我正在为朋友建立一个快速废话网站,我无法解决这个问题.

将鼠标悬停在中央图像上会将其旋转180度.我希望它看起来像是从美国国旗下旋转出来的.但是,一旦动画开始,功能区就会出现在标志上方.

我正在使用z-index属性将功能区保持在标志下,我不确定如何实现我想要的效果.

谢谢大家,请告诉我代码中的任何不良做法.

HTML:

<!DOCTYPE HTML>
<html>
    <head>
        <title>LOSO 2012</title>
        <link href="style.css" type="text/css" rel="stylesheet" media="all">
    </head>

<body>
    <div id="stripes">
        <div id="gradient-top"></div>

        <div id="doughnut">
            <div id="LOSO">
                <img src="LOSO-BANNER.png" alt="Loso 2012">
            </div>
        </div>

        <div id="footer">
            <p>&copy; Julien Mothafreakin Cohen 2012</p>
        </div>
    </div>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

CSS:

/*--------------------------
RESET
---------------------------*/
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, …

Run Code Online (Sandbox Code Playgroud)

html css css3 css-transitions

jhc*_*awk

2012 03-01

5
推荐指数

1
解决办法

2843
查看次数

是否使用javascript链接<div>？

我想链接整个<div>,但CSS2不支持将div添加到div(或跨度).我的解决方案是使用onClick属性添加链接.这对现代浏览器来说是否可接受

示例代码:

<div class="frommage_box" id="about_frommage" onclick="location.href='#';">
            <div class="frommage_textbox" id="ft_1"><p>who is Hawk Design?</p></div>

Run Code Online (Sandbox Code Playgroud)

我的测试页面是http://www.designbyhawk.com/pixel.每日更新.

谢谢您的帮助.

html javascript css

jhc*_*awk

lucky-day

3
推荐指数

1
解决办法

320
查看次数