- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用 dojo 1.9.3。使用 build.bat 构建 dojo 时,我在 css 文件中遇到问题。这是我的 css 文件代码:
@import url("TimeDriverCommon.css");
@import url("DialogCommon.css");
@import url( "timedriver/Dialog.css" );
@import url( "timedriver/Help.css" );
@import url( "timedriver/Blocker.css" );
@import url( "timedriver/dialogs/SendMessage.css" );
@import url( "timedriver/layout/BorderContainer.css" );
@import url( "timedriver/form/RadioButton.css" );
@import url( "timedriver/PasswordStrength.css" );
@import url( "timedriver/invitee/wizard.css" );
@import url( "timedriver/invitee/AddToCalendar.css" );
@import url( "timedriver/invitee/ApptDetails.css" );
@import url( "timedriver/invitee/Error.css" );
@import url( "timedriver/invitee/ProvideInformation.css" );
@import url( "timedriver/invitee/SelectDate.css" );
@import url( "timedriver/invitee/booking/BookingStep.css" );
@import url( "timedriver/invitee/booking/Confirmation.css" );
@import url( "timedriver/invitee/booking/Welcome.css" );
/***** MAIN CONTENT *****/
#headerArea {
height: 72px; /* to accommodate logo */
overflow: hidden;
background-color: white/*#BAD0E2*/;
max-width: 1012px;
margin: 0 auto; /* center */
position: relative; /* need offset origin for headerNonLogoAreas (e.g. gradient) */
font-size: 85%;
}
.psNoHeader #headerArea {
display: none;
}
html {
overflow: hidden;
}
body {
background-image: url('/td/_images/mainGradient.jpg');
background-repeat: repeat-x;
background-position: 0 -220px;
background-color: #8A90A0;
}
.dj_ie6 #headerArea {
width: expression((document.body.offsetWidth > 1012 ? 1012 : document.body.offsetWidth) + "px");
}
#bodyArea {
position: absolute;
top: 72px; /* same as headerArea height */
bottom: 0;
width: 100%;
overflow: hidden;
font-size: 85%;
}
.psNoHeader #bodyArea {
top: 0;
}
/* IE 6 & 7 work-around for box offset positioning */
.dj_ie6 #bodyArea,
.dj_ie7 #bodyArea {
bottom: ;
height: expression(document.body.offsetHeight - 72 + "px"); /* 72 = height of header */
}
#scrollingArea {
background-color: white;
margin: 0 auto; /* center */
max-width: 1012px;
height: 100%;
position: relative; /* IE 6 needs this to keep the scroll bas above the position:absolute content! */
}
/* IE 6 workaround for lack of max-width support */
.dj_ie6 #scrollingArea {
width: expression((document.body.offsetWidth > 1012 ? 1012 : document.body.offsetWidth) + "px");
overflow: auto;
}
.leftpanel {
left: 25px;
width: 666px;
position: absolute;
top: 0;
}
.rightpanel {
position: absolute;
top: 1.75em; /* this must match the combined top of .leftpanel and height of .wizardheader */
right: 25px;
width: 272px;
}
.rightpanel .brandingLinks {
margin-left: 15px;
padding-top: 20px;
text-align: left;
color:gray;
}
.rightpanel #sendMessageLink {
display: block;
margin-bottom: 10px;
}
.brandingContainer {
text-align: center;
}
.brandingLinks {
text-align: left;
}
.logoContainer #logoContainerImg {
margin-left: 15px;
}
.headerNonLogoArea {
bottom:4px;
display:block;
height:100%;
padding-left:190px;
position:absolute;
right:5px;
}
#headerGradient {
width: 100%;
height: 100%;
position: absolute;
}
.headerActionArea {
float: right;
text-align: right;
margin-right: 5px;
margin-top: 5px;
}
.headerIdentificationArea {
position: absolute;
bottom: 4px;
right: 5px;
margin-right: 15px;
/*color: #ffffff;*/
}
.ttLogo {
position: absolute;
left: 6px;
top: 1px;
width: 177px;
}
/***** END MAIN CONTENT *****/
/***** COMMON STYLES *****/
.copyright {
/* we're not currently showing copyrights on the booking side */
display: none;
}
.bold {
font-weight: bold;
}
/***** START 'Send Message Dialog (Wizard)' *****/
#dialogSendMessage {
width: 575px;
}
#dialogSendMessage .header {
font-weight: bold;
padding: 10px;
font-size: 100%;
background-color: #E7EBF3;
border-bottom: 2px solid #CBD6DB;
color: #585757;
}
#dialogSendMessage .content {
padding: 10px;
background-color: #ffffff;
line-height: 20px;
position: relative;
font-size: 90%;
}
#dialogSendMessage .footer {
text-align: right;
line-height: 35px;
background-color: #E7EBF3;
border-top: 2px solid #CBD6DB;
}
/***** STOP 'Send Message Dialog (Wizard)' *****/
/*
* This is really effed up, but dojo uses blockquote tags to format indents in the Editor.
* Therefore, we need to style them similarly in our app.
*/
.timedriver blockquote {
border: 0 none;
font-size: inherit;
line-height: inherit;
padding: 0;
margin: 1em 0 1em 40px; /* it seems that this really should be pixels, not 2.5em as I would expect (legacy from Netscape/IE) */
}
.timedriver .videoContainer {
position: relative;
height: 120px;
-moz-border-radius:6px 6px 6px 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border:6px solid #F3F3F5;
}
.timedriver .videoListLeftBar {
border-left:1px solid #E8AB1D;
border-top:1px solid #E8AB1D;
bottom:9px;
left:11px;
position:absolute;
top:23px;
width:15px;
}
.timedriver .videoContainerConfirmation {
height: 220px;
}
.timedriver .videoContainerConfirmation .videoListLeftBar{
top: 60px;
}
.timedriver .learnMore {
color:blue;
font-weight:bold;
margin:15px 37px;
}
.timedriver .learnMore img{
display:block;
margin:10px 40px;
border: none;
}
.timedriver .videoListRight {
position:absolute;
left:25px;
top:9px;
}
.timedriver .videoContainerConfirmation .videoListRight {
top: 29px;
}
.timedriver .videoListRight .videoArrow {
height:29px;
width:29px;
display: block;
}
.timedriver .videoListRight p {
color:blue;
display:inline-block;
font-weight:bold;
margin:-25px 0 0 37px;
vertical-align:top;
width:180px;
}
.timedriver .videoLinks {
position: absolute;
top: 45px;
left: 30px;
}
.timedriver .videoLinks img {
height:13px;
margin-right:10px;
vertical-align:middle;
width:11px;
}
.timedriver #videoConfirmationBlock {
margin-top: 18px;
}
.timedriver #videoConfirmationBlock .videoContainerConfHeader {
color: red;
font-weight: normal;
position: absolute;
top: 5px;
left: -50px;
}
.psNoHeader .bottonPanel {
display: none;
}
.bottonPanel {
color:black;
font-size:10px;
font-style:italic;
position: relative;
top: 14px;
right: 5px;
width: 100%;
text-align: right;
clear: both;
}
.dj_ie7 .bottonPanel, .dj_ie6 .bottonPanel {
position: relative;
top: 10px;
}
.bottonPanel a{
color:#557EAD;
font-family:Helvetica;
font-size:10px;
font-style:italic;
font-weight:bold;
text-decoration:none;
}
.psNoHeader .poweredBy {
display: block!important;
color:black;
font-size:10px;
font-style:italic;
position: absolute;
}
.dj_ie7 .psNoHeader .poweredBy {
bottom: -10px;
}
.psNoHeader .errorcontainer .poweredBy {
bottom: -10px;
}
.dj_ie7 .psNoHeader .errorcontainer .poweredBy {
bottom: 0;
}
.psNoHeader .poweredBy a {
color:#557EAD;
font-family:Helvetica;
font-size:10px;
font-style:italic;
font-weight:bold;
text-decoration:none;
}
它给了我以下错误:
[exec] error(307) 无法评估标记为纯 AMD 的模块(退回到使用正则表达式处理)。模块:timetrade/themes/TimeDriverBooking.css;错误:语法错误:.@ 之后缺少名称
这个问题是什么原因造成的?
最佳答案
您需要适本地设置您的 timetrade/package.json 和 timetrade/timetrade.profile.js 以将您的 CSS 文件标记为仅复制 - 而不是 AMD。
可以在 dojo 源代码树中找到一个很好的示例 - 请参阅 dijit/package.json、dijit/dijit.profile.js。请注意 package.json 如何指向 dijit.profile.js 文件以向 dojo 构建系统提供有关如何构建包的说明。
另请参阅构建系统文档 - http://dojotoolkit.org/reference-guide/1.10/build/buildSystem.html#build-buildsystem
关于构建 dojo 时出现 css 语法错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23800779/
在此处回答的另一个问题中,我发现了以下 JavaScript代码: function _dom_trackActiveElement(evt) { if (evt && evt.target)
if (A == 0) OR (B == 0) 怎么说? 最佳答案 只是为了讽刺: if (A === 0 || B === 0) 关于语法,我们在Stack Overflow上找到一个类似的问题:
var ret = [] ,xresult = document.evaluate(exp, rootEl, null, X
我一直在寻找一些类似于下例的 JavaScript。有人可以解释一下吗,因为我以前从未见过这样编写的 JavaScript。 “SomethingHere”和冒号代表什么?我习惯于看到函数 myFun
这是我的程序: delimiter // drop procedure if exists migContactToActor; create procedure migContactToActor(
我遇到了一个问题。我一直在使用 gcc 编译/汇编我的 C 代码一段时间,并且习惯了阅读 Intel 汇编语法。我在生成程序集文件时使用了 -masm=intel 标志。 但是最近因为公司迁移,拿到了
自上而下和自下而上语法有什么区别?举个例子就太好了。 最佳答案 首先,语法本身不是自上而下或自下而上的,解析器是(尽管有些语法可以被其中一个解析,但不能被另一个解析)。 从实践的角度来看,主要区别在于
我知道这是草率的代码,但它是: display dialog ("Start Screensaver. Please type: matrix, coffee, waffles, star, wate
这个问题已经有答案了: Giving name to a loop (6 个回答) 已关闭 8 年前。 我见过这个字符在 C# 中使用,就像 Java 中的扩展一样,但最近我在代码中发现了这个 loo
我正在尝试编写一个函数来检查字符串是否为回文,但我认为在使用字符串指针时存在一些错误。这段代码有什么问题? #include #include #define MAX 1000 int IsPalin
所以在this question我询问了一些 Javascript 是如何被压缩的。问题已得到解答,但以下片段让我非常困惑,以至于我不得不问另一个问题。在这里: for (Y = 0; $ = 'zx
假设我有一个接受这些参数的函数。 int create(Ptr * p,void * (*insert)(void *, void *)) { //return something later } 结
这个问题已经有答案了: Bitwise '&' operator (6 个回答) 已关闭 5 年前。 我在代码中找到了这个,但我从未遇到过像 & 这样的事情,仅 && if ((code & 1) =
我在处理继承类及其中的构造函数和方法的语法时遇到了问题。 我想实现一个类日期和一个子类 date_ISO,它们将按特定顺序设置给定的日、月、年,并通过一种方法将其写入字符串。我觉得我的基类日期工作正常
我正在尝试通过存储过程填充表,如下所示: SET @resultsCount = (SELECT COUNT(*) FROM tableA); SET @i = 0; WHILE @i THEN
谁能解释一下下面代码中的“<<”? mysql test<
刚刚开始学习 MySQL,这是一个菜鸟问题,也是我在 StackOverflow 上的第一个问题。 假设我有 12 个订单状态,我想从其中的 5 个中选择总计。我会使用: SELECT SUM(tot
我的编程背景是在学校学过一点Java。由于某些原因,JavaScript 语法往往让我感到困惑。下面的 JavaScript 代码是一种我不知道如何构成的语法模式: foo.ready = funct
我正在阅读 javascript 源代码,并且我以前没有编写过 javascript。我对它的一些语法感到困惑。 $(function () { window.onload=function
我什至不知道如何命名我想要的东西。那么让我举个例子来解释一下。 虽然火狐使用textContent,但其他浏览器支持innerText属性。顺便说一句,如果我使用了错误的术语,请纠正我。无论如何,到目
我是一名优秀的程序员,十分优秀!