Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >表数据中没有重复图像(td)

表数据中没有重复图像(td)
EN

Stack Overflow用户
提问于 2011-04-27 23:19:38
回答 4查看 93.6K关注 0票数 11

有没有可能在没有CSS的情况下停止重复表格数据(TD)中的背景图像?

例如

代码语言:javascript
运行
AI代码解释
复制
<table>
  <tr>
     <td background="http://foobar.com/image.jpg">Some text</td>
  </tr>
</table>

我正在寻找一个HTML解决方案,因为我正在开发用于邮件通讯的HTML模板。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-04-27 23:26:15

您可以在html代码中将css直接附加到标记上:

代码语言:javascript
运行
AI代码解释
复制
<td style="background-image:url(smile.gif); background-repeat:repeat;">

我认为仅仅使用html!是不可能做到的

票数 11
EN

Stack Overflow用户

发布于 2011-04-27 23:27:49

简单的回答是:不。

幸运的是,大多数电子邮件可以使用内联css样式。因此,我会尝试下面的方法,看看它是否完成了您所要寻找的内容。

代码语言:javascript
运行
AI代码解释
复制
<td style="background:url(http://foobar.com/image.jpg) no-repeat;">Some text</td>

在失败的情况下(正如我以前看到的那样),您只能选择将图像放置在标记中并对其进行操作,使其落在文本下面。

有关支持的CSS属性,请参见此处:http://www.campaignmonitor.com/css/

希望这能有所帮助。

票数 4
EN

Stack Overflow用户

发布于 2011-05-03 04:51:31

为了实现最大的兼容性,您应该同时使用内联CSS和HTML后台属性,因为一些客户端忽略其中一个而不是另一个。

代码语言:javascript
运行
AI代码解释
复制
<td style="background-image:url('http://www.example.com/smile.gif'); background-repeat:no-repeat;" background="http://www.example.com/smile.gif">Some text</td>

值得注意的一点是:

included.)

  • Don't
  1. 您必须为图像src
  2. 使用一个绝对URL --在背景中,URL周围的引号应该存在--图像内嵌样式应该存在(与通常的CSS建议相反,但是一些客户端如果单引号不是CSS,则会出现问题,请使用CSS简写,一些客户端也会忽略它,尽管它们会解析长线。另外,如果您不在Outlook2007Outlook2007中设置version.
  3. Background图像中的背景色,则会将背景色设置为#000000,除非您使用了一些相当精巧的微软专有代码。不幸的是,该代码不允许您停止重复。

停止重复的最好方法就是使图像比它需要的大得多,这样它就不再需要重复了。

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

https://stackoverflow.com/questions/5815071

复制
相关文章
用JavaScript来加载css、js文件
友儿
2023/10/21
3760
【说站】javascript如何动态加载js文件
2、通过xhr方式加载js文件,不过通过这种方式的话,就可能会面临着跨域的问题。
很酷的站长
2022/11/23
7.4K0
【说站】javascript如何动态加载js文件
自动加载jQuery的Javascript代码示例
当我们在Javascript里需要用到jQuery但又无法判断是否加载过时,可以通过下面的方法来自动判断并加载jQuery,代码如下:
魏杰
2022/12/23
1.1K0
js怎么动态加载js文件(JavaScript性能优化篇)转
下面介绍一种JS代码优化的一个小技巧,通过动态加载引入js外部文件来提高网页加载速度
stys35
2019/10/29
19.9K0
JavaScript文件加载优化
企鹅号小编
2018/01/04
1.3K0
动态加载JS文件
const scriptEl = document.createElement('script'); scriptEl.onload = scriptEl.onreadystateschange = function () { if (!this.readyState // FF onload || this.readyState == 'loaded' || this.readyState == 'complete' // IE onreadystateschange ) {
路过君
2021/12/07
20.8K0
Js文件异步加载
浏览器中渲染引擎与Js脚本引擎是互斥的,在浏览器开始渲染页面时,如果遇到<script>标签,会停止渲染当前页面,也就是说在脚本加载与执行的过程中会阻塞页面的渲染,在网速较差的环境下可能会出现浏览器页面假死的情况,这也就是尽量将<script>文件放置于<body>后的原因,Js文件异步加载就是使浏览器加载外部Js脚本文件时不阻塞渲染线程,这称为非阻塞模式加载,当然加载完成之后解析执行Js脚本时必须与渲染引擎互斥,解析执行Js脚本的时机取决于异步加载Js的方式。
WindRunnerMax
2020/08/27
10.7K0
引入JS文件和JQuery
新建 html 文件 22-jQuery.html ,编写下方程序,运行看看效果吧
鹤川
2023/03/21
6.4K0
javascript中js实现导出CSV文件功能
js直接在页面中将数组导出到CSV文件之中 //数组导出CSV文件 function exportCSV(jsonData,fileName){ if(!jsonData || jsonData.length==0){ return; } if(!fileName){ fileName="exportCSV.csv"; } let one=jsonData[0]; let csvText=""; for(let key
唯一Chat
2022/11/22
3.4K0
原生js与jquery加载页面元素比较
声明:本文为原创,作者为 对弈,转载时请保留本声明及附带文章链接:http://www.duiyi.xyz/%e5%8e%9f%e7%94%9fjs%e4%b8%8ejquery%e5%8a%a0%e8%bd%bd%e9%a1%b5%e9%9d%a2%e5%85%83%e7%b4%a0%e6%af%94%e8%be%83/
对弈
2019/09/04
11.6K0
实现图片懒加载jquery.scrollLoading.js
记录一下吧,省得那天忘记了还得去搜百度顺便分享给大家很简单的方法。 首先需要jquery.min.js插件,我用的是jQuery v2.1.3,大家可以去百度搜很多自己引入全局顶部即可,当然你的程序自带就不需要在引用JQ了。
用户8099761
2023/05/11
2.3K0
实现图片懒加载jquery.scrollLoading.js
移动端滚动加载-----jQuery 和 原生JS
从这个三个属性的介绍就可以看出来,滚动条到底部的条件即为('body').scrollTop() +(window).height() ==
Rattenking
2021/01/29
22.5K0
JavaScript、js文件、Node.js、静态文件
JavaScript(简称“JS”) 是一种解释型的脚本语言。广泛用于Web应用开发,对页面事件做出响应。
全栈程序员站长
2022/11/15
6.5K0
在Node.js中读写文件
本文翻译自Reading and Writing Files in Node.js
ccf19881030
2020/10/29
5.4K0
js 延时加载文件的代码
js 延时加载文件的代码 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> <title>js延时演示</title> <script language="JavaScript" id="my"></script> <script language="JavaScript"> setTimeout("doc
IT工作者
2022/01/01
3.2K0
Javascript文件加载:LABjs和RequireJS
传统上,加载Javascript文件都是使用<script>标签。 就像下面这样:   <script type="text/javascript" src="example.js"></scrip
ruanyf
2018/04/12
1.4K0
Javascript文件加载:LABjs和RequireJS
Javascript文件加载 ——LABjs和RequireJS
<script>标签很方便,只要加入网页,浏览器就会读取并运行。但是,它存在一些严重的缺陷。
javascript.shop
2019/09/04
1.1K0
Javascript文件加载 ——LABjs和RequireJS
原生 JS 和 jQuery 中的尺寸
element jQuery JS $(elem).width() border-box: elem.offsetWidth - padding - border content-box: elem.offsetWidth - padding $(elem).innerWidth() elem.clientWidth + scrollbar $(elem).outerWidth() elem.offsetWidth window jQuery JS $(window).width() document.d
叙帝利
2021/08/06
2.4K0
JavaScript实现加载中...效果
简述 JavaScript实现加载中...效果 开始 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum
xlj
2021/07/03
1.3K0
JavaScript实现加载中...效果
JavaScript实现加载中...效果
简述 JavaScript实现加载中...效果 开始 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documen
xlj
2021/07/14
9290

相似问题

Javascript:在JS文件中加载外部JS文件

22

在中通过jQuery $ajax加载js文件

10

在我的javascript中加载JQuery.js

10

Javascript:在JS文件中加载javascript依赖项

23

有没有同步加载JS文件的JavaScript或jQuery方法?

33
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

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

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档