小编Gre*_*zzo的帖子

如果我使用HTML5 doctype,为什么我不能使我的div达到100%的高度?我怎样才能达到100%的高度

我努力让分选一个非常简单的Web应用程序库的布局,但是当我使用了HTML5 doctype声明,我的一些申报单(这是100%)的高度深究下去缩水,我似乎无法丰满他们使用CSS备份.

我的HTML位于https://dl.dropbox.com/u/16178847/eyewitness/b/index.html,css位于https://dl.dropbox.com/u/16178847/eyewitness/b/style.css

  • 如果我删除HTML5 doctype声明,所有都是我想要的,但我真的想使用正确的HTML5 doctype声明.
  • 如果我将doctype设置为HTML5并且不做任何更改,则带有照片和页脚div的div不可见,大概是因为它们是0px高.
  • 如果我将doctype设置为HTML5并使其成为body { height: 100px }.container { height: 100px }/ .container { height: 100% },它变得可见,但我需要的是它是全高而不是像素的高度.
  • 如果我尝试像上面那样做,但与body { height: 100% }照片和页脚div再次不可见.

我需要做些什么来使它达到100%的高度,以便我的照片和页脚div是全高?

css html5 quirks-mode

29
推荐指数
2
解决办法
3万
查看次数

为什么"-webkit-transform-style:preserve-3d;" 让一些div消失?

以下代码应显示标题栏,页脚栏和图像,但由于某种原因,我添加后.div1 { -webkit-transform-style: preserve-3d; }只会获得标题栏.我知道它似乎有一些不必要的div和样式应用,但我确实需要它们的效果,我已经剥离,使调试更容易.我的页面代码是:

<html>
    <head>
        <title></title>
        <style>
            body {
                margin: 0px;
            }
            .div1 {
                -webkit-transform-style: preserve-3d;
            }
            .div2 {
                position: absolute;
                width: 100%;
                height: 100%;
            }
            img {
                max-width: 50%;
                max-height: 50%;
                display: block;
            }            
            .footer {
                position: fixed;
                bottom : 0px;
            }
        </style>
    </head>
    <body>
        <div class="div1">
            <div class="div2">
                <div class="header">
                    Header
                </div>
                <div class="imgdiv">
                    <img src="http://static.guim.co.uk/sys-images/Guardian/Pix/pictures/2012/5/18/1337331092888/Cwm-Idwal-Snowdonia.-Mich-007.jpg">
                </div>
                <div class="footer">
                    Footer
                </div>
            </div>
        </div>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

css webkit google-chrome css3 css-transforms

7
推荐指数
1
解决办法
1万
查看次数

为什么在Chrome中使用rotateY(翻转)css3动画闪烁?

我做了一个jsFiddle:http://jsfiddle.net/Grezzo/JR2Lu/

当您按下键盘上的i键时,图片会翻转显示一些文字,但在翻转动画期间,当在Chrome中查看时,它会闪烁(特别是文字闪烁).

(请注意,我使用的是-prefix-free JS库,因此我不必使用浏览器特定的CSS属性作为前缀.)

为什么会闪烁,我怎么能阻止它呢?

更新:在XP上运行的Chrome 20.0.1132.47 m上无法显示闪烁,无论OS X 10.7.4 Lion的最新版本是什么(我现在不在我的Mac附近检查)

webkit google-chrome css3 vendor-prefix css-transitions

6
推荐指数
1
解决办法
4349
查看次数

CORS如何比没有跨域限制更安全?在我看来,它可以被恶意使用

我已经对解决跨域策略做了一些阅读,现在我已经知道了两种对我有用的方法,但我很难理解CORS如何比没有跨域限制更安全.

据我所知,跨域限制已经到位,因为理论上可以将恶意脚本插入到用户正在查看的页面中,这可能导致数据发送到未关联的服务器(即不是同一个域)到用户已专门加载的站点.

现在有了CORS功能,恶意家伙似乎可以解决这个问题,因为它是允许跨域请求授权的恶意服务器本身.因此,如果恶意脚本决定向已Access-Control-Allow-Origin: *设置的恶意服务器发送详细信息,它现在可以接收该数据.

我确定我在这里误解了一些东西,任何人都可以澄清一下吗?

security ajax xmlhttprequest cross-domain cors

5
推荐指数
1
解决办法
813
查看次数

我应该如何处理 JavaScript 中对象构造函数的无效输入

我试图在 Javascript 中了解 OOP(我也从未真正在任何其他语言中使用过 OOP,所以这是我的第一次体验)。我编写了一个需要构造函数输入的类,但构造函数仅适用于特定格式的字符串。

我有一个正则表达式可以用来检查输入,但我不知道如果它不匹配(或者根本没有输入)我应该怎么做。我应该抛出某种异常吗?如果是这样,我该怎么做?

javascript oop exception class throw

5
推荐指数
2
解决办法
4303
查看次数

是否可以为background-size:contains和background-size:cover之间的过渡设置动画?

我知道background-size使用css3使用像素值或百分比值之间的转换动画是可能的,但我无法让它在contain和之间设置动画cover.(我正在使用webkit - chrome和safari)

我在这里做了一个小提琴:http://jsfiddle.net/59Bhb/3/,显示它适用于百分比值,但不包含/封面.

它只是不受支持吗?

css css3 css-transitions

4
推荐指数
1
解决办法
8596
查看次数

如何在Xcode 4.3.1中向类中添加操作或插座?

我正在关注cocoalab.com(成为一个Xcoder)的指南稍微过时,以了解可可的基础知识,但我仍然坚持其中一条指令.

在第45页(第08:9节)的标题为"创建连接"的部分中,它告诉我选择我的新类的实例,并从身份检查器中添加两个操作和一个插座.

我正在使用Xcode 4.3.1,这显然与本教程编写的版本有点不同,但我无法弄清楚如何在这个较新的版本中进行等效.

任何人都可以通过给我一步一步的说明如何将这些添加到我的对象请帮助.

xcode action class objective-c outlet

2
推荐指数
1
解决办法
7144
查看次数