小编Ste*_*ler的帖子

所以我有一个文本输入

<input type="text" value="3" class="field left">

这是我的CSS

background:url("images/number-bg.png") no-repeat scroll 0 0 transparent;
border:0 none;
color:#FFFFFF;
height:17px;
margin:0 13px 0 0;
text-align:center;
width:17px; 

有没有设置或诀窍,我正在考虑做一个标签,但造型如何.我如何转换它们并且有更好的方法还是唯一的方法？

我试图找出某个链接缩短器和out.php linkscripts重定向使用301重定向或不.我正在查看Chrome开发人员工具中的资源标签,但它只显示目标网页的标题,而不显示链接脚本本身.

此外,我正在调查的一些网站实际上不止一次重定向,所以最好能跟踪整个重定向路径.

如何查看我是如何完全重定向的,以及他们是否使用301？

目前<datalist>大多数主流浏览器(Safari除外)都支持HTML5 元素,这似乎是一种向输入添加建议的有趣方式.

但是,value属性的实现与内部文本之间似乎存在一些差异<option>.例如:

<input list="answers" name="answer">
<datalist id="answers">
  <option value="42">The answer</option>
</datalist>

不同浏览器的处理方式不同:

Chrome和Opera:

FireFox和IE 11:

选择一个后,输入将填充值而不是内部文本.我只希望用户在下拉列表和输入中看到文本("答案"),但是将值传递给42提交,就像一个select遗嘱.

如何让所有浏览器都有下拉列表显示<option>s 的标签(内部文本),但在value提交表单时发送属性？

我想存储一个表示SQL Server中百分比的值,应该选择哪种数据类型？

当用户滚动页面时,我想做一些花哨的jQuery东西.但我不知道如何解决这个问题,因为只有scroll()方法.

有任何想法吗？

我知道有很多问题要问类似的事情.但没有人真正解决我的问题.

我正在尝试构建一个指令,当鼠标点击当前元素之外时,该指令将执行表达式.

为什么我需要这个功能？我正在构建一个应用程序,在这个应用程序中,有3个下拉菜单,5个下拉列表(如选中).所有这些都是角度指令.让我们假设所有这些指令都不同.所以我们有8个指令.并且所有这些都需要相同的功能:当单击元素时,需要隐藏下拉列表.

我有2个解决方案,但都有问题:

解决方案A:

app.directive('clickAnywhereButHere', function($document){
  return {
    restrict: 'A',
    link: function(scope, elem, attr, ctrl) {
      elem.bind('click', function(e) {
        // this part keeps it from firing the click on the document.
        e.stopPropagation();
      });
      $document.bind('click', function() {
        // magic here.
        scope.$apply(attr.clickAnywhereButHere);
      })
    }
  }
})

以下是解决方案A的示例:单击此处

当您单击第一个下拉列表,然后单击第二个输入时,第一个应该隐藏但不是.

解决方案B:

app.directive('clickAnywhereButHere', ['$document', function ($document) {
    directiveDefinitionObject = {
        link: {
            pre: function (scope, element, attrs, controller) { },
            post: function (scope, element, attrs, controller) {
                onClick = function (event) {
                    var …

我将symfony2项目上传到服务器树丛.主页面加载,但所有链接都被破坏.我尝试将app.php添加到网址中.它确实有效,但是:

我有这样的路线:

www.something.com/app.php/something

我希望他们是:

www.something.com/something.

我一直在阅读,我应该在.htaccess上加上一些重写规则.

我发现了这些规则,但它们似乎不起作用:

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^(.*)$ app.php [QSA,L]
</IfModule>

我正在开发一个小的html/css框架,我可以在大多数网站上使用它,至少有一个基础可以构建.这是我到目前为止一直在使用的内容:

CSS框架

• Reset.css - 我使用的是Eric Meyer,www.meyerweb.com.
• Typography.css - 网站的所有主要排版样式(来自blueprintcss.org)
• Forms.css - 基本表单样式(来自blueprintcss.org)
• Wireframe.css - 这里我为一列,两列和三列以及页眉和页脚设置了线框.我使用了圣杯技术,并实现了它,通过在容器div中设置一个"onecolumn","twocolumns"或"threecolumns"类,我可以在三者之间切换.

基本技术

一些技术我有一些预先制作的例子供我在任何网站上重复使用:

• Suckerfish下拉菜单 - 各种版本的水平和垂直
• 滑动门标签 - 虽然我尝试尽可能使用CSS3

脚本

• jQuery - 我尝试尽可能少地使用它(也就是说,如果手头有css解决方案,比如Suckerfish下拉菜单与jQ菜单)

插件

还没有.我昨天看了css3pie,看起来很有希望.

然而要调查

到目前为止我没有使用但可能有趣的是css和js minifiers.另外,目前我在main.css中使用@import包含上面提到的5个css文件,也许我应该在上传前自动合并它们？

当然还有CSS网格系统.我从来没有掌握那些,但也许我应该再试一次.我知道960网格很受欢迎,但我不确定我是否想要纯粹用于标记类(grid_4,column_5等).对我而言,有点像<span class="red">将文本变成红色,这就像使用它一样糟糕内联风格.

无论如何,这只是一个基本设置,并且在此框架中尚未包含的网站中存在大量问题.那么,我应该如何检查以改进我的框架？(HTML5和CSS3欢迎,请不要闪:P)

建议

我将在此列出下面提出的建议,我会查看.

• HTML5 Boilerplate
• IE 7/8/9.js
• Modernizr的

我使用100vh垂直居中div与行高.这个网站支持vh和vw在70%左右,这是一个公平的评估吗？您是否建议在构建网站时使用视口单元？我知道这有点主观,我只是寻找更有经验的网络开发人员的意见而不是我.

编辑:感谢大家的投入,我确实希望它在移动设备上看起来不错,所以我想我不得不放弃vh.

我哥哥和我早先在崇高中乱搞,他突然喊道:"我学到了新东西!"

有点震惊,我问道,"那是什么......？"

他回答说,"视口高度!我在IE6开始的时候没有得到完全支持,再也没有真正看过它了." 然后他继续给我看.

我回答说:"我在这里完成了同样的事情." 并向他展示了另一个我搞砸了的沙盒项目.

在我的项目中,在CSS中,我写道

(编辑:我编辑将背景颜色放在div中,而不是html或正文,我的错误)

(jsfiddle http://jsfiddle.net/nvLq8eg9/embedded/result/)

html, body {
    height: 100%;
}

div {
    height: 100%;
    background: green;
}

他的代码是,(jsfiddle http://jsfiddle.net/nvLq8eg9/1/embedded/result/)

div {
    height: 100vh;
    background: green;
}

两者都做了几乎相同的事情.在这里做了一些研究后,似乎通过前一种方法发出的常见问题是无法滚动; 但是,在我的沙箱项目中,我有更多的内容,并能够正常滚动和与网站交互.

我们都没有能够确定两种方法之间的差异.这里的任何人都可以教育我们吗？

谢谢!