Loading [MathJax]/jax/output/CommonHTML/config.js
社区首页 >问答首页 >需要帮助使用Zen Starter kit和条件样式表模块定义IE特定样式表

需要帮助使用Zen Starter kit和条件样式表模块定义IE特定样式表
EN

Drupal用户
提问于 2014-08-18 10:51:57
回答 1查看 160关注 0票数 0

我需要帮助在我的.info文件中定义一个条件IE样式表。

我使用Zen作为我的基本主题,并且已经安装并启用了条件样式表模块。我添加了一个ie.css文件,连同其他样式表一起添加到我的css目录中。在该ie.css文件中,我将背景更改为讨厌的颜色,以确认样式表何时被适当使用。

然而,我一直在努力解决我需要在我的.info文件中放的东西。我已经尽可能多地研究和阅读help.txt文件多次。我只希望这个样式表以IE为目标。我不想为每个版本创建一个。本网站无论如何都不支持ie6和ie7。

下面是我目前在.info文件中为它定义的内容:

代码语言:javascript
代码运行次数:0
复制
stylesheets-conditional[if IE][all][] = css/ie.css

我也尝试过这样做,这只是在所有浏览器加载样式表时得到的结果:

代码语言:javascript
代码运行次数:0
复制
stylesheets-conditional[!IE][all][] = css/ie.css

到目前为止,通过我的所有尝试,我可以让它充当一个普通样式表,让它覆盖我的其他样式,或者根本不加载它。我是否需要在页面模板中添加一些我正在忽略的内容?

我的html.tpl.php中也有这样的内容(我的实际主题名称在这里):

代码语言:javascript
代码运行次数:0
复制
<!--[if IE]><link rel="stylesheet" type="text/css" href="sites/all/themes/THEMENAME/css/ie.css" /><![endif]-->

我所使用的其他资源:

1) 条件样式表设置:使用模块

2) 只为internet explorer添加条件样式表CSS (不尝试使用此方法)

EN

回答 1

Drupal用户

回答已采纳

发布于 2014-08-18 12:11:59

如果这个链接在你的头上,那就像css文件在当前的文件夹中一样。您需要第一个反斜杠:<!--[if IE]><link rel="stylesheet" type="text/css" href="/sites/all/themes/THEMENAME/css/ie.css" /><![endif]-->

正如您在答案中所看到的,您链接了.info文件中的定义,如下所示

代码语言:javascript
代码运行次数:0
复制
stylesheets-conditional[IE][all][] = css/ie.css

代码语言:javascript
代码运行次数:0
复制
stylesheets-conditional[if IE][all][] = css/ie.css

(我只是从这个答案得到的-从来没有用过这个模块)。老实说,我不会仅仅为了添加IE的条件注释而安装一个模块。简单地将它们放到html.tpl.php中就更容易了,并且节省了性能消耗模块--您只需保持正确的路径即可。

代码语言:javascript
代码运行次数:0
复制
stylesheets-conditional[!IE][all][] = css/ie.css

完全没有意义-我不知道这个模块是否能解释。但是,世界上至少没有浏览器会在这样的条件注释中读取css文件:除了IE之外,每个浏览器都会忽略条件注释。所以你告诉唯一一个读取他们的浏览器,这个文件不适合它使用.你明白了:)

票数 0
EN
页面原文内容由Drupal提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://drupal.stackexchange.com/questions/127037

复制
相关文章
CSS样式表定义
(1)引用样式的对象:指的是需要引用该样式的HTML标签,可以是一个或多个标签,需要注意的是,这里使用的是去掉尖括号的标签名。例如,p、table等,而不是<p>、<table>。 (2)标签属性:属性值——这是一一对应的,每个属性与属性值对之间用分号隔开。要说明的是,CSS的属性设置与脚本语言的属性设置有一点不同,即属性名称的写法不同。在CSS中,凡属性名为两个或两个以上的单词构成时,单词之间以“-”隔开,如背景颜色属性background-color。 例如,“< h1>< /h1>标签和< h2>< /h2>标签内的文本居中显示,并采用蓝色字体”的样式表为:
全栈程序员站长
2022/09/14
7640
CSS样式表的使用
在用html5写网页的时候,结合CSS能够让页面更美观。由于只在做课程设计和实习的时候使用过,并没有系统的学习过,使得自己对于CSS的使用一直处于能用,但是容易弄混的阶段。为了弄清楚CSS样式表的使用,特地看书系统学习,现总结如下:
全栈程序员站长
2022/09/14
1.1K0
CSS样式表的使用
CSS样式表
CSS样式表的样式主要可以分为大小,背景,字体,对齐方式,边界边框,列表方块,格式布局等。 元素的大小: #div1{ width:300px; height:1000px; } width:宽度,单位可以使用百分比或者像素 height:高度,单位可以使用百分比或者像素 如果没有内容且不设置高度和宽度在页面是看不到。 背景: #div1{ width:300px; height:1000px;
二十三年蝉
2018/02/27
1.6K0
CSS样式表
html样式表优点,css样式表的使用有哪些优点?
CSS全称Cascading Style Sheet,表示层叠样式表,是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化
全栈程序员站长
2022/09/17
1.9K0
html样式表优点,css样式表的使用有哪些优点?
css – 样式表
在html页面内部写样式,style标签理论上可以写在任何的位置,当时通常写在head标签内
全栈程序员站长
2022/09/06
6370
css – 样式表
CSS样式表
代码减少,页面文件就会小,占用网络带宽就少,客户端打开速度就快,用户体验就会更好。
爱知汇
2020/10/10
8030
css样式表
1、概念:css(cascading style sheets),通常称为css样式表或层叠样式表(级联样式表)。
全栈程序员站长
2022/09/07
8370
层叠样式表——CSS
以前我们通过VB敲机房的时候,可以直接通过拖动窗体上的控件、修改代码的属性或是通过代码来设置窗体的布局,而在B/S的学习中,可以通过CSS语言来使网页的内容和样式分离,也就是在aspx或是html中设计网页的内容,在CSS表中设置网页的显示、文字的设计等。
全栈程序员站长
2022/08/09
1K0
层叠样式表——CSS
css层叠样式表
CSS概述 CSS(Cascading Style Sheets的缩写),翻译为“层叠样式表”或者“级联样式表”,简称样式表 主要作用 为了让网页元素的样式更加丰富,也为了让网页的内容和样式能拆分开,CSS由此思想而诞生,CSS是 Cascading Style Sheets 的首字母缩写,意思是层叠样式表。有了CSS,html中大部分表现样式的标签就废弃不用了,html只负责文档的结构和内容,表现形式完全交给CSS,html文档变得更加简洁 它主要是用来给HTML网页来设置外观或者样式 外观或者样式:HT
企鹅号小编
2018/02/28
1.7K0
css层叠样式表
QScrollBar样式表总结
http://blog.163.com/qimo601@126/blog/static/15822093201432741544308/?suggestedreading&wumii  如图所示,QT
bear_fish
2018/09/20
3.1K0
QScrollBar样式表总结
机制和原理——样式表导入
外部样式表的导入包括在HTML文档里链接外部CSS文件的 link方式 和在CSS文件里引入其他CSS文件的 import方式 两种方式。
Html5知典
2019/11/26
5220
怎么创建css样式表,怎样创建可反复使用的外部CSS样式表?[通俗易懂]
用DreamWeaver在某网页中创建了一种CSS样式后,如果你要在另外的网页中应用该样式,你不必从新创建该CSS样式,只要你创建了外部CSS样式表文件(externalCSSstylesheet),你便可以在今后任意调用该样式表文件中的样式。
全栈程序员站长
2022/09/14
2.4K0
重置样式表--HTML
重置样式表 这就是一个简单的我自己使用的重置样式表 里面的话 大多数的重置是都有啦的 大家没有的可以收藏起来 拿去用 html{ /* 标准字体大小可以,在移动端使用的rem适配的话会动态改变。 */ font-size:14px; /* 使用IE盒模型(个人取舍,我一般设置width是这是盒子的真实大小,包括padding和border) */ box-sizing: border-box; } html,body{ /* 在有些手机浏览器中点击一个链接或着可点击
宁在春
2022/10/31
2.1K0
使用样式表去除边框线
Qt的一些控件(QPushButton,QCheckBox,QRadioButton等等)通过点击鼠标或切换方向键获得的焦点后会出现边框线,非常影响美观,本文通过设置样式表去除边框线。 如图 样式表
Qt君
2020/07/16
1.9K0
使用样式表去除边框线
QSS样式表圆角
圆角 border-radius属性。 例子: QPushButton *btn = new QPushButton(this); btn->setStyleSheet(R"( QPushButton { width: 100px; height: 60px; border-radius: 8px
Qt君
2020/07/02
4.8K0
CSS样式表基础
层叠样式表:Cascading Style Sheets,是一种用来表现HTML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 样式表的三种样式: 1.内联 <span style="color:#666"> 这是span里的文字 </span> 写在标签里面。代码重用性差,控制精确,优先级最高。使代码冗余,应用最少。 2.内嵌 <head> <meta http-equiv="Content-Type" conte
二十三年蝉
2018/02/27
1.2K0
CSS样式表基础
网页设计|CSS样式表
需要说明一下,网页和网站不能划等号。也就是说别人问起你会不会建站,就不是问会不会写网页了。作为程序员,写网页应该是最基本的技能了。所以我们今天接着了解网页设计的内容。
卷福同学
2023/04/28
5080
网页设计|CSS样式表
【QT】QT样式表语法
Qt样式表是一个可以自定义部件外观的强大机制,样式表的概念、术语、语法均受到HTML层叠样式表(CSS)的启发。
半生瓜的blog
2023/05/13
1.6K0
【QT】QT样式表语法
Qt官方示例-样式表
  样式表示例显示了如何使用Qt样式表设置窗口小部件的样式。您可以通过选择"File" >"Edit Style"来打开样式编辑器,以选择现有样式表或设计自己的样式并加载它。
Qt君
2020/07/21
1.8K0
Qt官方示例-样式表
前端入门4-CSS属性样式表声明正文-CSS属性样式表
作为一个前端小白,入门跟着这四个来源学习,感谢作者的分享,在其基础上,通过自己的理解,梳理出的知识点,或许有遗漏,或许有些理解是错误的,如有发现,欢迎指点下。
请叫我大苏
2018/12/06
1.6K0

相似问题

条件样式表设置:使用模块

20

自定义打印模块的打印样式表

10

自定义样式表

10

如何以drupal方式在drupal 7中添加IE特定样式表

10

当使用Omega响应主题时,IE7和IE8加载所有样式表

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文