小编sdl*_*rhc的帖子

HTML背景图像偏离中心x像素

我想将图像作为网页的背景,但是它相对于中心偏移了一些像素.

我怎样才能做到这一点?

我想要:

background-image: url("bg.png");
background-position: 25% center;
background-attachment: fixed;
background-repeat: no-repeat;
Run Code Online (Sandbox Code Playgroud)

但不是25%,我想要的东西是"中心 - 50px".这有什么解决方案吗?

html css

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

在NodeJS上打开图像并找出宽度/高度

非常感谢您提供未来的帮助.我需要的是相当于一个"new Image()"(然后是myImage.src ......等)但是在NodeJS上.我会感谢那些在我内心深处迅速回答的人......好吧,也说"谢谢!" :P

javascript image node.js

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

如何检测`focusin`支持?

感谢Perfection kills,我们可以使用以下JavaScript来检测事件支持:

function hasEvent(ev) {
    var elem = document.createElement('a'),
        type = 'on' + ev,
        supported = elem[type] !== undefined;
    if (!supported) {
        elem.setAttribute(type, 'return;');
        supported = typeof elem[type] === 'function';
    }
    elem = null;
    return supported;
}
Run Code Online (Sandbox Code Playgroud)

这只适用于我需要的时间:检测mouseenter支持; hasEvent('mouseenter')将在Chrome,Firefox等中返回false,应该如此.

但现在我正在尝试"修复"不支持focusinfocusout事件的浏览器.根据PPK,这基本上只是Firefox.不幸的是,Chrome和Safari被列为"不完整"支持,原因如下:

Safari和Chrome仅使用addEventListener触发这些事件; 不是传统的注册.

一般来说,这很好; addEventListener反正我只会用.但是,它确实意味着检测支持通过elem.onfocusin !== undefined将不起作用.我测试了它,这是真的:

<p>Do I support <a href="#">focusin</a>?</p>

<script>
var elem = document.getElementsByTagName('p')[0];

// hasEvent method defined here
function listener() { …
Run Code Online (Sandbox Code Playgroud)

javascript javascript-events focusin browser-feature-detection

13
推荐指数
1
解决办法
4897
查看次数

如何将类数组应用于classList.contains?

在我的HTML中,我有div这样的:

<div class="a b c"></div>
Run Code Online (Sandbox Code Playgroud)

在我的JavaScript中,我有一系列我感兴趣的类:

var goodClasses = ['a', 'c'];
Run Code Online (Sandbox Code Playgroud)

在优秀的浏览器中,我可以使用这个很棒的classList功能来测试我是否div有适当的类:

return div.classList.contains(goodClasses[0], goodClasses[1]);
Run Code Online (Sandbox Code Playgroud)

这没关系,但我真正想做的就是这样(语法很傻,但这是一般的想法):

return div.classList.contains.apply(div, goodClasses);
Run Code Online (Sandbox Code Playgroud)

有办法做到这一点吗?如果我不得不循环遍历我的课程数组,那就classList变得不那么酷了.

javascript

8
推荐指数
1
解决办法
9832
查看次数

使用JavaScript进行寡妇/孤儿控制?

它可以是库依赖的或不可知的.我只是想知道一个脚本是否存在将分析页面(或者可能是某些节点已经给出)和......"保护"文本中的寡妇和孤儿.

"保护"是什么意思?我不知道.我考虑过看看自己是否可以拿出一个,但部分问题是我甚至不确定如何去做.

澄清:这将是网站的屏幕版本,而不是打印.

javascript typography

6
推荐指数
3
解决办法
3826
查看次数

PHP:无声失败的最佳实践

我发现自己做了很多这样的事情:

$something = @$_GET['else'];
if ($something) {
    // ...
} else {
    // ...
}
Run Code Online (Sandbox Code Playgroud)

就像,几乎每当我处理数组时.我已经习惯了JavaScript和简单检查虚假价值的能力.但这在PHP中是否合适?我是否试图强迫PHP成为我已经理解的东西,而不是将其作为自己的语言学习?

编辑

我认为我可以使用isset(我也*支持它),但它对我来说很笨拙,它导致甚至笨拙的情况,我试图回应价值:

// what I want to do
echo '<input type="text" name="whatever" value="', @$values['whatever'], '" />';

// what I fear I must do
echo '<input type="text" name="whatever" value="';
if (isset($values['whatever'])) {
    echo $values['whatever'];
}
echo '" />';
Run Code Online (Sandbox Code Playgroud)

撇开卫生问题,我更喜欢第一个版本.但我有一种潜在的怀疑,认为这是一个很大的禁忌.(我也有一种潜在的怀疑,我不知道如何拼写"怀疑".)

php

6
推荐指数
2
解决办法
3246
查看次数

同源政策

也许你们中的一些人可以帮助我更好地理解javascript同源策略.

相同的原始政策定义如下(http://en.wikipedia.org/wiki/Same_origin_policy):

在计算中,相同的源策略是许多浏览器端编程语言(如JavaScript)的重要安全概念.该策略允许在源自同一站点的页面上运行的脚本在没有特定限制的情况下访问彼此的方法和属性,但阻止访问不同站点上的页面上的大多数方法和属性.

我已经使用url将Google GWT应用程序部署到Google App Engine

http://metalsandstocks.appspot.com

由于GWT将所有java编译成javascript,这意味着我的应用程序被部署为javascript.由于这是一个ajax应用程序,我认为它需要遵守相同的原始策略.该应用程序使用ajax来调用不同的域(http://finance.yahoo.com),以便获得显示给用户的实时股票报价.该应用程序按照描述的方式工作,但它具有与它所要求的更新不同的域.此应用是否违反了相同的原始政策?为什么或者为什么不?

javascript same-origin-policy

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

这些配置更改是否符合我的需求?

我想从我的应用程序的用户获得一个相当大的文件(大约45-50M),然后将该文件移动到其他服务器.

我已对配置文件进行了以下更改,有人可以评论我是如何做的,或者如果有任何更改,请建议.

我想知道这些更改是否符合我的要求(没有时间上传大文件)?

php.ini文件所做的更改

max_execution_time = 0
max_input_time = 900
memory_limit = 128M

upload_max_filesize = 50M
post_max_size = 51M
Run Code Online (Sandbox Code Playgroud)

对Apache httpd.conf文件的更改

Timeout 1800
Run Code Online (Sandbox Code Playgroud)

谢谢.

php apache configuration httpd.conf

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

灯箱使用标签或<a href=[base64]>

是否有任何灯箱实现允许使用<a href=base64-string"而不是实际的URL?

javascript base64 lightbox

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

使用innerHTML改变p元素的内容

我有以下脚本:

var before = document.getElementById('before');    
if (switchElement.value == 'single'){
    for (var i=0; i < before.length; i++) {
        if (before[i].id == "before_label") {
            before[i].innerHTML = 'Image';
            break;
        }
    }
    after.style.display = 'none';   
} 
Run Code Online (Sandbox Code Playgroud)

HTML看起来像:

<div id="before">
    <p id="before_label"> Before Image: </p>
    <input type="file" name="before"  size="40">
    <input type="hidden" name="MAX_FILE_SIZE" value="10000000">
</div>
Run Code Online (Sandbox Code Playgroud)

想知道为什么它不起作用并改变内部html改变?

javascript

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

从php显示&lt;img&gt;(问题)

我想返回其中的链接<img>。我不知道这是什么问题。

categoria.php

<HTML>....
<img  src="categoriaMAIN.php?type=celular">
</HTML>
Run Code Online (Sandbox Code Playgroud)

categoriaMAIN.php

<?php
$varcate= $_GET['type'];
if ($varcate == "celular")
   echo "http://ecx.images-amazon.com/images/I/41l1yyZuyXL._AA160_.jpg";
?>
Run Code Online (Sandbox Code Playgroud)

php

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

为什么不是这个中心?

我不能把这个放在中心位置.我尝试过各处添加对齐,以及每种不同的标签组合.我知道HTML并不好......但我现在只是想尝试一些功能 - 而不是担心最佳实践.

<table class='navbar' width='100%'>
    <tr>
        <td class='navbar'>
            <a href='#' class='cta cta-big cta-red'><center><span class='icon-go'>No</span></a></center>
        </td>
        <td class='navbar'>
            <center><a href='#' class='cta cta-big cta-yellow'><span class='icon-download'>Maybe</span></a></center>
        </td>
        <td class='navbar'>
            <center><a href='#' class='cta cta-big cta-green'><span class='icon-check'>Yes</span></a>
        </td>
    </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

任何帮助,将不胜感激!谢谢!

html css

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

Internet Explorer的问题和背景未显示

我的背景没有显示我的按钮元素,我遇到了一些问题.

这是我的CSS代码:

button.button-master-lite, a.button-master-lite {
    background: #92AE41;
    background: -moz-linear-gradient(top, #89A73E 0%, #92AE41 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#89A73E), to(#92AE41));

    border: 1px solid #89A73E;
    border-bottom: 1px solid #92AE41;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    -moz-box-shadow: inset 0 1px 0 0 #92AE41;
-webkit-box-shadow: inset 0 1px 0 0 #92AE41;
    box-shadow: inset 0 1px 0 0 #92AE41;

    color: #fff;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
font-size: 11px;
    font-weight: bold;
    line-height: 1;

    padding: 5px 8px 6px 8px; …
Run Code Online (Sandbox Code Playgroud)

css

0
推荐指数
1
解决办法
1768
查看次数