是否可以以简单的方式将光标设置为整个html页面上的"等待"？想法是在完成ajax调用时向用户显示正在进行的操作.下面的代码显示了我尝试过的简化版本,并演示了我遇到的问题:
考试:
<html>
<head>
<style type="text/css">
#id1 {
background-color: #06f;
cursor: pointer;
}
#id2 {
background-color: #f60;
}
</style>
</head>
<body>
<div id="id1">cursor: pointer</div>
<div id="id2">no cursor</div>
<a href="#" onclick="document.body.style.cursor = 'wait'; return false">Do something</a>
</body>
</html>
稍后编辑...
它在firefox和IE中工作:
div#mask { display: none; cursor: wait; z-index: 9999;
position: absolute; top: 0; left: 0; height: 100%;
width: 100%; background-color: #fff; opacity: 0; filter: alpha(opacity = 0);}
<a href="#" onclick="document.getElementById('mask').style.display = 'block'; return false">
Do something</a>
这个解决方案的问题(或特征)是因为重叠的div会阻止点击(感谢Kibbee)
稍后编辑......
Dorward的一个更简单的解决方案: …
假设我的应用程序的根目录下有一个"images"文件夹目录.如何在.css文件中使用ASP.NET应用程序相对路径引用此目录中的图像.
例:
在开发中,〜/ Images/Test.gif的路径可能会解析为/MyApp/Images/Test.gif,而在生产中,它可能会解析为/Images/Test.gif(取决于应用程序的虚拟目录) .显然,我希望避免在环境之间修改.css文件.
我知道你可以使用Page.ResolveClientUrl在渲染时动态地将一个url注入到一个控件的Style集合中.我想避免这样做.
我只是想知道别人在这方面做了什么:
您是否尝试将位置CSS(布局)与颜色/风味CSS(颜色,背景颜色,背景图像,字体大小和族)分开？
使用两个样式表？结合服务器端的两个样式表？CSS的抽象层？或者你甚至不尝试？
我知道有时候在同一个网络项目上工作六个月之后,我通常可以使用位置CSS但最终想要改变颜色/图像.
我使用的是Spring 3.0 +瓷砖.我已经为所有页面创建了带有锚标记的公共菜单,并为其应用了css.我点击菜单时使用Jquery动态更改菜单的css类.
当选择菜单/链接时,将应用"selectedTab"css类,并且对于所有正常链接应用"tab"css类.我面临的问题是,每次请求/点击菜单都会应用样式类,然后在响应后再次取消应用.也就是说,样式仍然在请求和响应之间应用.但不是在回应之后.菜单链接的代码如下:
<div id="menu" class=" mainPageLayout clearFix" style="width:980px;margin:0 auto;">
<a id="dashboard" class="selectedTab" href="dashboard.html" onclick="return changeCss('dashboard');">
<span>Dashboard</span>
</a>
<a id="projects" class="tab" href="projectscontroller.html" onclick="return changeCss('projects');">
<span>Projects</span>
</a>
<a id="milestones" class="tab" href="milestones.html" onclick="return changeCss('milestones');">
<span>Milestones</span>
</a>
<a id="tasks" class="tab" href="tasks.html" onclick="return changeCss('tasks');">
<span>Tasks</span>
</a>
<a id="discussions" class="tab" href="messages.html" onclick="return changeCss('discussions');">
<span>Discussions</span>
</a>
<a id="reports" class="tab" href="reports.html" onclick="return changeCss('reports');">
<span>Reports</span>
</a>
<a id="history" class="tab" href="projects/history.html" onclick="return changeCss('history');">
<span>History</span>
</a>
<a id="templates" class="tab" style="float: right;" href="projects/users.html" onclick="return changeCss('templates');">
<span>Project templates</span>
</a>
<a id="users" …如果我定义了一个样式
.style1
{
width: 140px;
}
我能从第二种风格中引用它吗？
.style2
{
ref: .style1;
}
或者有没有办法通过javascript/jQuery？
---编辑
为了澄清这个问题,我试图将#x和#c定义的任何样式应用于.x和.c而不改变CSS,因为CSS将具有不受我控制的更新.
我使用宽度,但实际上风格会更复杂,指定了字体,边框和其他样式元素.
在将样式应用于类时,指定多个类名称确实有效,因此我将现有响应标记为答案,但我需要将样式应用于id并将其应用于类样式...如果没有任何意义.
我在ASP.NET页面上有几个具有不同id的<li>元素:
<li id="li1" class="class1">
<li id="li2" class="class1">
<li id="li3" class="class1">
并可以使用这样的JavaScript更改他们的类:
li1.className="class2"
但有没有办法使用ASP.NET更改<li>元素类？它可能是这样的:
WebControl control = (WebControl)FindControl("li1");
control.CssClass="class2";
但FindControl()不能像我预期的那样工作.有什么建议？
提前致谢!
我正在拆分我的一个较大的应用程序并引入一个'cdn'网址来存放常见的对象,如CSS,javascript和图像,以避免重复.但是,我需要做的是为我们的开发环境提供单独的URL,所以我可能有:
http://cdn-dev.example.com
http://cdn-qua.example.com
http://cdn.example.com
取决于我们正在使用什么环境.我可以使用它来处理由我们的PHP代码生成的内容,但我对将要调用的.css和.js文件感到茫然.例如,我如何制作如下内容:
.cool-button { background-image: url('http://cdn.example.com/images/button.png'); }
在不同的域之间切换？
处理这个问题的最佳方法是什么？
[编辑]
只是每个人都清楚,CDN地址是该网站的不同域名.因此,开发站点可能是http://www-dev.domain.com,它将使用http://cdn-dev.domain.com
在JavaScript中,我们可以<style>动态创建元素并附加到<head>section以便为大量元素应用CSS规则.
这种方法的优点和缺点是什么？
如果与javascript迭代相比,它确实提供了性能提升.幕后的内容(浏览器内部)？
哪一个更快或更慢？Javascript迭代元素或在浏览器中动态添加CSS？
处理时间怎么样？处理负荷？
为了更好地理解我使用此方法的问题,请参阅以下示例:
示例:如果我的表包含20个或更多列以及1000行或更多,如下面的html:
<table border="1" class='no-filter'>
<thead>
<tr>
<th data-title='id'>Id</th>
<th data-title='name'>Name</th>
<th data-title='family_name'>Family Name</th>
<th data-title='ssn'>SSN</th>
//Other table data
</tr>
</thead>
<tbody>
<tr data-id='1' data-name='nick' data-famil_name='jackson' data-ssn='123456'>
<td class="column column1">1</td>
<td class="column column2">Nick</td>
<td class="column column3">Jackson</td>
<td class="column column4">123456</td>
//Other table data
</tr>
//Other rows
<tr data-id='809' data-name='helga' data-famil_name='jhonson' data-ssn='125648'>
<td class="column column1">809</td>
<td class="column column2">Helga</td>
<td class="column column3">Jhonson</td>
<td class="column column4">125648</td>
//Other table data
</tr>
//Other rows
<tr data-id='1001' …使用Rails创建动态CSS的最佳/最有效方法是什么？我正在网站上开发一个管理区域,我希望用户能够自定义其配置文件的样式(主要是颜色),这也将被保存.
你会在rubss脚本中嵌入css文件吗？你需要从css更改文件扩展名吗？
谢谢.
我目前在使用jQuery css()函数时遇到了一些麻烦.它正在改变锚元素的css值,border-top-color而不仅仅是border-top-color悬停时锚元素的css值.以下是我的代码.
$("#header #headerlist li a:hover").css("border-top-color","rgb(225, 149, 79)");
为什么它会改变#header #headerlist li aborder-top-color和#header #headerlist li a:hover属性而不仅仅是#header #headerlist li a:hover属性？
dynamic-css ×10
css ×8
javascript ×5
jquery ×4
asp.net ×2
html ×2
browser ×1
color-scheme ×1
java ×1
php ×1
spring-3 ×1
themes ×1
tiles ×1