小编Sni*_*fer的帖子

@media媒体查询和ASP.NET MVC剃刀语法冲突

我有一个使用Razor视图引擎在ASP.NET MVC中运行的大型站点.

我有一个基本样式表,其中包含整个站点的所有通用样式.但是,有时候,我在页面中有页面特定的样式<head>- 通常这是一行或两行.

我并不特别喜欢将CSS放入<head>其中并不严格区分关注点,但对于一两行,这确实是特定于该页面的,我更喜欢不必附加另一个文件并添加到带宽中.

我有一个实例虽然我想将页面特定的媒体查询放入其中<head>,但因为媒体查询使用@符号和括号{}它与剃刀语法冲突:

@section cphPageHead{
     <style>
        /* PAGE SPECIFIC CSS */
        ...

        @media only screen and (max-width : 960px) <-- the @ symbol here is clashing!
            {
               ... }
            } 
    </style>
}  
Run Code Online (Sandbox Code Playgroud)

有没有办法解决这个问题?

css razor media-queries asp.net-mvc-3

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

Internet Explorer 9中的渐变

有没有人知道IE9中渐变的供应商前缀,或者我们仍然应该使用他们的专有过滤器?

我为其他浏览器获得的是:

background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999)); /* Saf4+, Chrome */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')"; /* IE8 */
Run Code Online (Sandbox Code Playgroud)

作为奖励有没有人知道Opera的供应商前缀?

css gradient background css3 internet-explorer-9

111
推荐指数
6
解决办法
16万
查看次数

MVC不显眼的验证复选框不起作用

我试图在提到执行代码这篇文章.换句话说,我正试图在条款和条件复选框上实现不显眼的验证.如果用户未选中该复选框,则应将输入标记为无效.

这是服务器端Validator代码,我添加了:

/// <summary>
/// Validation attribute that demands that a boolean value must be true.
/// </summary>
[AttributeUsage(AttributeTargets.Property, AllowMultiple = false, Inherited = false)]
public class MustBeTrueAttribute : ValidationAttribute
{
    public override bool IsValid(object value)
    {
        return value != null && value is bool && (bool)value;
    }
}
Run Code Online (Sandbox Code Playgroud)

这是模型

[MustBeTrue(ErrorMessage = "You must accept the terms and conditions")]
[DisplayName("Accept terms and conditions")]
public bool AcceptsTerms { get; set; }
Run Code Online (Sandbox Code Playgroud)

这是我的看法:

@Html.EditorFor(x => x.AcceptTermsAndConditions)
@Html.LabelFor(x => x.AcceptTermsAndConditions)
@Html.ValidationMessageFor(x …
Run Code Online (Sandbox Code Playgroud)

unobtrusive-javascript razor unobtrusive-validation asp.net-mvc-3

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

nth-child CSS - 匹配第2,第5,第8 ......元素

我有一个HTML列表,在CSS的帮助下,我正在排列3列的行.

因此,如果列表有6个元素,它将是2行x 3列,9个元素 - 3 x 3,12个元素 - 4 x 3等等.

如何使用CSS nth-child选择器选择每行的中间元素?即,第2,第5,第8 ......元素.

提前致谢!

css css-selectors css3

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

MVC将方法添加到jquery.validate.unobtrusive.js中

我最近有一个关于在MVC项目中在客户端进行复选框验证的问题.这个问题已成功回答,但提出了另一个问题.

为了使我的复选框验证工作,我需要将以下javascript直接添加到jquery.validate.unobtrusive.js中:

$jQval.addMethod("mustbetrue", function (value, element, param) {
    // check if dependency is met
    if (!this.depend(param, element))
        return "dependency-mismatch";
    return element.checked;
});

adapters.add("mustbetrue", function (options) {
    setValidationValues(options, "mustbetrue", true);
});
Run Code Online (Sandbox Code Playgroud)

这工作得很好,但我不满意不得不改变这个文件,以防微软或验证插件男孩将来更新文件.如果我还没有在项目上工作,那么这个文件可能会被覆盖而没有人意识到它已被定制.

所以考虑到这一点,我尝试将其添加到外部javascript文件中:

$.validator.addMethod("mustbetrue", function (value, element, param) {
    // check if dependency is met
    if (!this.depend(param, element))
        return "dependency-mismatch";
    return element.checked;
});

$.validator.unobtrusive.adapters.add("mustbetrue", function (options) {
    setValidationValues(options, "mustbetrue", true);
});
Run Code Online (Sandbox Code Playgroud)

不幸的是,现在我的复选框上的客户端脚本无法运行.谁能看到我做错了什么?

提前致谢

小号

unobtrusive-validation asp.net-mvc-3

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

Internet Explorer 9 VHD

当尝试跨多个版本的Internet Explorer(6,7,8)进行测试时,我过去使用的是Virtual PC控制台和已安装的Microsoft VHD.我正在运行Windows Server 2003.

这个系统似乎适合我,虽然现在IE9在现场我想知道是否有人知道IE9测试版的VHD?

internet-explorer-9

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

Map API中的地形或浮雕数据

我想知道是否有人知道任何提供地形或浮雕数据的地图API?我已经快速浏览了Google和Bing API,但却找不到任何内容.

Google允许您将地图视为TERRAIN,这意味着您可以查看地图的地形,但我希望能够获取该数据 - 例如,如果我要在Google地图上的2个点之间画一条线,我想要要知道沿着那条线看到的等级点有多高.

这可能适用于任何地图API吗?

谢谢你的时间!

google-maps topography bing-maps

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

饼干的替代品

我构建了可移植的HTML/Javscript原型,这些原型旨在通过电子邮件/共享点进行压缩和共享.这里的关键词是"便携式" - 运行这些原型不需要服务器 - 只需一个支持JavaScript的浏览器.而且没有数据库.

一些原型要求我保留数据(只是为了展示潜在的功能).我目前通过使用cookie来做到这一点.这似乎适用于Firefox,Chrome等,但Internet Explorer似乎工作方式不同.

一旦来自域的所有cookie的最大大小4096字节在IE6和7中被命中(我还没有测试8),cookie就会停止工作.一旦达到此限制,即使从cookie读取似乎停止发生并且原型中断.

有没有其他方法可以持久保存数据而无需使用服务器和数据库?

任何想法将不胜感激.

javascript browser cookies internet-explorer

9
推荐指数
3
解决办法
5372
查看次数

Safari中的HTML5日期字段和占位符文本

我有一个问题,但我不确定这是不是我做错了,或者这个功能是否还不支持.

基本上我有以下几行代码:

<input type="text" name="lastname" id="lastname" value="" placeholder="Last name" />

<input type="date" name="dob" id="dob" value="" placeholder="Date of birth" />
Run Code Online (Sandbox Code Playgroud)

我已经在桌面版Safari上测试了这一点并且一切都很好,但是当我在iPad上测试它时,第二个输入不会显示占位符文本.有谁知道iPad上的type ="date"是否支持占位符文字?

干杯尼克

safari html5 mobile-safari ipad

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

语义正确的HTML复选框列表

我有一个HTML复选框列表,我想以下列格式显示:

Click all that apply:
                                 Title A      Title B

Option 1                         [  ]         [  ]
Option 2                         [  ]         [  ]
Option 3                         [  ]         [  ]

我想知道在语义上编码这个的最佳方法是什么?

我已经看到了一个关于语义正确的复选框的相关问题,但这没有考虑标题.

有任何想法吗?

html semantic-markup checkboxlist semantics

8
推荐指数
2
解决办法
2440
查看次数