小编joh*_*ith的帖子

我有一个类似灯箱项目的以下HTML.

<div id="lightbox">
  <img id="image" src="" />
</div>

使用以下CSS:

#lightbox{
display:none;
position:fixed;
width:100%;
text-align:center;
z-index:600;
cursor:pointer;
left:0;
top:100px;
}

#image{
position:relative;
height:600px;
border:1px solid grey;
}

为了使图像始终在水平中心,我只是在包装div上使用text-align:center,所以我100%确定它是正确的.

我遇到了垂直居中的问题,我使用的方法是简单地设置#lightbox属性中的顶部值.

正如您所看到的,图像的高度是已知的,因此在jQuery中很容易实现,但我正在寻找一个纯CSS解决方案.

有任何想法吗？谢谢.

我正在玩html5新规格,恰好是网络摄像头的功能.

按照本教程.我收到以下错误:

Native web camera streaming (getUserMedia) is not supported in this browser. 

这个if语句采用了以下内容:

if (navigator.getUserMedia)

现在,我确信在我的浏览器中启用了navigator.getUserMedia,因为这些示例在这里完美运行

所以,我修改了if中的代码,具有以下内容:

if (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia)

但现在,我收到一个javascript错误:

Uncaught TypeError: Object #<Navigator> has no method 'getUserMedia' 

在这一行:

navigator.getUserMedia('video', successCallback, errorCallback);

这真的没有意义!它正在我发布的最后一个链接上工作!

有任何想法吗？

提前致谢.

我使用codeigniter从db获取单个结果,如下所示:

$user = $this->db->query("SELECT * FROM users LIMIT 1");

然后我得到返回的对象并通过它循环,这样:

foreach ($user->result() as $row) { ... }

可以想象,使用循环没有意义,因为只有一个结果.有没有办法在不循环的情况下获取用户参数？这一行之间的东西:

echo $user['name'];

提前致谢.