html - CSS @Styles.Render 不呈现样式表-6ren

html - CSS @Styles.Render 不呈现样式表

转载作者：行者123 更新时间：2023-11-28 12:45:14

25

4

我已将 css 样式表应用到我的 View 中，但当我查看它时它没有呈现。这里有什么问题:

编辑:适用于 Firefox 17，不适用于 IE10(与我的兼容性 View 有关？不确定如何修复)

大师:

@using System.Web.Optimization

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>User_Master</title>
    @Styles.Render("~/Content/Styles.css")
</head>
<body>
    <header>
        <p>header</p>
    </header>
    <nav>
        @Html.Partial("~/Views/Shared/User_Nav.cshtml")
    </nav>
    <section>
        @RenderBody()
    </section>
</body>
</html>

样式.css

header {
    border-color: #0094ff;
    border-bottom-right-radius:10px;
    border-top:hidden;
    border-left:hidden;
    border-bottom:solid;
    border-right:solid;
    box-shadow:2px 2px;
}

首页

@{
    ViewBag.Title = "Home";
    Layout = "~/Views/Shared/User_Master.cshtml";
}

<h2>Home</h2>

最佳答案

这个问题似乎有两个部分。

CSS

问题的一部分与无效的 CSS 有关。例如，border-top是样式、宽度和颜色组合的简写声明:

border-top: [width style colour]

考虑到这一点，我将按如下方式更改您的 CSS:

header 
{
    border: 2px solid #0094ff; /* width style colour */
    border-bottom-right-radius: 10px;
    border-top-style: hidden;
    border-left-style: hidden;
    box-shadow: 2px 2px 0px #000; /* x-offset y-offset blur colour */
}

IE/兼容模式

如果 IE 以兼容模式运行，则您可能正在使用 IE8(或更早版本)引擎进行渲染。不幸的是，这些不理解 HTML5，所以像 <header /> 这样的东西元素和 border-radius和 box-shadow CSS 声明被忽略。有几件事可以尝试解决这个问题:

添加<meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1" />给你的<head />元素。这将告诉 IE 您想要使用最新的渲染引擎。参见 this page有关这方面的更多信息。
包含一个 JavaScript 库，例如 HTML5Shiv (它也包含在优秀的 Modernizr 库中)。这允许旧版本的 Internet Explorer 至少识别 HTML5 元素，如 <header /> .请注意，它不会添加 CSS3 支持；像border-radius之类的东西不会起作用，但至少你会得到正常的边框。

关于html - CSS @Styles.Render 不呈现样式表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17407757/

25

4

0

文章推荐： JavaScript 错误 : product_info_tabsJsTabs is not defined

文章推荐： javascript - textarea 值未显示在区域中

文章推荐： javascript - jQuery 与插件冲突？

文章推荐： html - 960 网格与底部的 wordpress IE 7/8 侧边栏冲突

android - styles.xml (res\values\styles.xml) 和 styles.xml (res\values-v21\styles.xml) 之间的区别？
这两个文件之间的主要区别是什么:styles.xml (res\values\styles.xml) 和 styles.xml (res\values-v21\styles.xml ？针对旧的and
Android 样式 : Difference between 'style="@android:style/XYZ "' and ' style ="?android:attr/XYZ"'?
我正在尝试将按钮样式设置为看起来像我在 Android Full Width ICS style Minimalist Bottom ButtonsViews 中询问的那些按钮. 我已经成功了，有兴趣
css - 如果有一个 style.css 和一个 style.min.css 并且我链接到 style.css 浏览器会使用 .min.css 吗？
只是想检查一下: 如果我有 Style.css 和 Style.min.css(在同一目录中)并且我的 html 页面引用了 Style.css，浏览器/服务器是否会下载 Style.min.css？
coding-style - "Lisp Style"花括号语言的缩进
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the he
styles - silverstripe - 将样式添加到编辑器上的 'styles' 下拉菜单
从上面的问题，我认为这会相对容易，但我找不到任何关于如何向“样式”下拉菜单添加样式的文档。谁能把我推向正确的方向？最佳答案样式下拉列表会根据主题的typography.css 文件中的类自动填充。
c# - Style 对象不能影响它所应用的对象的 Style 属性
我有两种风格还有这个如果我尝试在这样的对象上使用第二个编译器抛出这个错误: 错误 16 Style 对象不能影响它所应用的对象的 St
coding-style - Lisp Style 问题标签是否是局部函数？
我想知道是否有关于在 Lisp 中使用标签的标准做法。我一直在弄乱这里第一个答案中描述的算法的 Lisp 实现 Generating permutations lazily我当前的版本使用标签来分解部
Android如何获取LinearLayout的颜色 "style="@android :style/ButtonBar""
我想以编程方式获取样式为“ButtonBar”的 LinearLayout 的背景颜色。我试过用LinearLayout的getBackgroundColor，没找到方法。有人有想法吗？问候最
java - DefaultStyledDocument.styleChanged(Style style)可能无法及时运行？
我在扩展 javax.swing.text.DefaultStyledDocument 的类中遇到间歇性问题。该文档正在发送到打印机。大多数情况下，文档的格式看起来是正确的，但有时却并非如此。看起来格
javascript - react : style all elements with inline styles
我想将所有元素设为边框。我想这样做: * { box-sizing: border-box; } 如何使用 React 的内联样式做到这一点？我不想在每个组件中都写这个规则... 最佳答案这是不
android - @style/Apptheme 和 Style.xml 文件不存在错误
当我创建一个 Android 应用程序项目时，我在 (android:theme="@style/AppTheme") 上的 AndroidManifest.xml 中出现错误找不到与给定名称匹配的
openlayers-3 - "an array of ol.style.Style"有什么用？
一种风格ol.layer.Vector可以设置为 ol.style.Style ，样式函数或 ol.style.Style 的数组.数组的用途和作用——与仅传递 ol.style.Style 相比目的
javascript - JS - 如何获取内部样式元素的内容(<style>...
我的意思是内部风格 #div {color:red;} document.getElementsByTagName('style').innerHTML 不工作... document.style

jquery - removeAttr ("style") 和 attr ("style","") 不起作用
http://synergine.net/rain.php 你好。我试图清除 .ripple div 中所有元素的样式属性，但没有成功: function contact(level){ focus_
javascript - v-绑定(bind) :style with array of styles
我使用 vue 和 v-for 循环来创建跨度。以下是使用 bootstrap4 的背景颜色的一种样式的成功: {{ group }} export default {
Javascript:set element.style = element.style 破坏了样式？
有没有办法只存储元素的当前样式状态，这样我就可以搞砸样式然后再重置它？类似于(虽然这不起作用):http://jsfiddle.net/843Pj/ var el=document.getEleme
css - tinymce : Remove css styles from style attribute
我正在尝试将 tinymce 配置为不允许在 style 属性中使用 css 样式。我只想允许一种样式，即文本装饰。这是一个类似的问题 http://tinymce.moxiecode.com/pu
css - Style.css 链接显示了 style.css 的旧副本
我对style.css做了一些修改，上传到网上。但是它没有显示我需要的结果。即它仍然采用旧的 style.css 代码。我可以离线查看更改，但是当我给它完整的 href 链接时，它没有显示必要的结果
css - styles/style.css 未找到 HTTP 请求的映射
我添加到 web 文件夹下的样式文件夹似乎没有被我的 JSP 上的调度程序 servlet 映射。我明白了 WARN : org.springframework.web.servlet.PageNot
jquery - Metro Style Datatable Styling jquery 数据表
是否有任何用于 JQuery 数据表的 Metro Style CSS 样式插件？最佳答案看看here 或者您可以自己创建一个。 Metro 风格很容易用 Segoe 字体复制关于jquery

首页

博学

6Ren·AI

商城

html - CSS @Styles.Render 不呈现样式表