前一段在在写一个JSP页面。中间在CSS中用到了一个背景图片。就中间的一个小问题做个小总结。
当背景图片用相对地址的时候跟CSS是内联还是外联是有关的。当然绝对路径不存在这个问题。
当CSS内联在JSP页面中时,背景图片的相对地址是相对于JSP这个页面的路径,当CSS外联时,背景图片的相对路径是相对于CSS这个文件的路径。比如:
在WebContent里面有index.jsp页面和images,css,js文件夹。
当CSS内联在JSP页面中时,背景图片的相对地址是:/images/image_name.jpg。
当CSS外联,并且该CSS文件存放在css文件夹中时,背景图片的相对地址是:../images/image_name.jpg。
分享到:
相关推荐
Critical:在HTML页面中提取和内联CSS关键路径
<?... namespace TijsVerkoyen\CssToInlineStyles; use Symfony\Component\CssSelector\CssSelector; use Symfony\Component\CssSelector\... }这是一个邮件模板中的内联CSS库,需要的朋友可以下载使用
数据库的外联和内联知识 Inner Join 数据库的外联和内联知识 Inner Join
下面小编就为大家带来一篇浅谈js和css内联外联注意事项。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
sql语句的内联外联 查询 集合 经典面试题 值得收藏 大家珍惜哦
SVG data uri 用于在CSS中内联小型SVG图标
简单介绍sql中内联和外联区别(用实例说明问题,简单明了)
标记和内联style=属性中处理CSS。用法 var HTMLPostCSS = require ( 'html-postcss' ) ;var processor = new HTMLPostCSS ( plugins ) ;processor . process ( htmlString , cheerioOpts , postcssOpts ) ; //=> '&...
特征使用而不是jsdom 在Windows上工作保留文档类型模块化的通过样式和链接标签自动获取CSS 函数返回承诺这个怎么运作该模块采用html并将CSS属性内联到style属性中。 /path/to/file.html : < html >< head...
SQLSERVER内联接外联接交叉联接基本知识
关键的关键提取和内联关键路径(以上)CSS从HTML安装安装当前beta版npm i -D [受电子邮件保护]安装最新的稳定版npm i关键的关键提取和内联关键路径(以上) fold)来自HTMLCSS安装安装当前的beta版本npm i -D [受...
5.6.3 背景属性在内联元素中的使用 5.6.4 背景属性的缩写 5.6.5 页面文本的样式 5.6.6 链接的样式 5.7 布局的基础 5.7.1 布局页面的步骤 5.7.2 使用ID 还是Class 5.7.3 控制内容显示的display 属性 5.7.4 控制内容...
邮件模板中一个内联的CSS库
注释中的内容不会在页面中显示,但是会在源码中显示,我们可以通过注释来说明网页的代码 也可以通过注释隐藏一些页面中不想显示的内容 实体 在HTML页面中一些特殊符号是不能直接使用,需要使用实体来代替这些特殊...
gulp-inline-css, 在html文件中,inline 链接的css 对电子邮件有用 -inline-css 将CSS属性添加到html文件中的属性。 对电子邮件有用。通过grunt插件 grunt-inline-css 激发灵感。 使用内联css插件模块。 3.0中新增的...
数据库外联内联.pdf
postcss网址 插件可以在url()上进行变基,内联或复制。安装$ npm install postcss postcss-url基本示例-变基// dependenciesconst fs = require ( "fs" )const postcss = require ( "postcss" )const url = ...
导入模块时,它将在style或main字段中查找index.css或package.json中引用的文件。 您还可以手动提供要查看的倍数路径。 笔记: 该插件可能应该用作列表中的第一个插件。 这样,其他插件将可以在AST上运行,就好像...
仿京东首页,用的是html、css,仿京东首页,用的是html、css