草庐IT

pressed_application_background_st

全部标签

css - 哪种方式加载巨大的图像(canvas vs img vs background-image)?

我想要什么目前我有一张4000x4000的png图片.使用后tinypng.org它变成了一个288KB的文件。现在我想要以最快的方式加载图像,将其放置在DOM中并能够在其上绘制大量Canvas。我测试了一些,结果令我震惊。我测试了什么我做了3次测试,只检查加载速度。(423毫秒)(138毫秒)(501毫秒)CSSbackground-image标签是最快的。问题那么,使用是不是一种不好的做法?标记来显示巨大的(背景)图像并使用一些肮脏的CSS以便能够在其上绘制Canvas?还是在我的情况下使用Canvas更好,而不用担心加载时间更长? 最佳答案

web-applications - 使用 list 关闭应用程序缓存

我正在编写一个使用“带有list的应用程序缓存”的HTML5应用程序。但是,在开发过程中我想将其关闭。我尝试从标签中删除list属性并将list文件中的所有内容切换到网络。虽然它确实在第一次更新时进行了更新,但所有后续更新仍然是从缓存中读取的,而不是从服务器中读取的。我可以看到HTML文件已经更新,标签上不再有list属性,但它仍然从缓存中加载。设置后我似乎无法弄清楚如何关闭它,所以这是我的问题:有没有办法在GoogleChrome中关闭“带有list的应用程序缓存”? 最佳答案 在Chrome中,转到“引擎盖下”->“内容设置”-

html - "body {background-color}"适用于 HTML 但不适用于 CSS

我能够在内联中为HTML正文设置背景色属性命令但当将相同的命令移动到外部样式表时则不会。一个具体的例子下面给出。在test1.html中,背景颜色设置为“蓝色:在HTML中。文件test2.html与test1.html相同,除了命令被注释掉。文件style.css包含背景规范-color以及元素(以测试浏览器是否真的阅读样式表)。第一个测试在蓝色背景下生成橙色文本。第二次测试产生橙色文本,但背景为白色。我已经在Firefox21、Chrome19和浏览器9;都给出相同的结果。这是怎么回事?任何帮助将不胜感激。这是三个示例文件:test1.html:body{background-co

css - HTML5 搜索输入 : No Background Image in Chrome?

我一直在努力尝试让Chrome为我的search输入设置背景图片。Firefox没有问题,但我担心这是因为它将输入视为常规文本输入。这根本不可能吗?试试这个作为演示:​input[type="search"]{background:transparenturl(http://google.com/intl/en_ALL/images/srpr/logo1w.png)no-repeat00;}​​​​​​如果它工作正常,它应该将Google的Logo(或其中的一部分)作为“搜索”输入的背景图像。但是正如您在Chrome中查看此内容时所看到的那样,它不起作用。任何想法,或者这只是HTML5

html - 如何组合 CSS "text-shadow"和 "background-image: -webkit-gradient"

我正在尝试使用CSS文本阴影以及文本阴影和背景图像的组合在Chrome/Safari中实现渐变+文本阴影效果:-webkit-gradient,请参见示例blw。我只能应用其中一种效果(如果我添加阴影,渐变就会消失。我做错了什么?h1{font-size:100px;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(white),to(black));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:01

HTML5 离线 "Application Cache Error event: Manifest fetch failed (-1)"

我正在尝试编写一个HTML5离线应用程序,但似乎无法让Chrome接受缓存list文件。Chrome在加载应用程序时将以下输出记录到其控制台:CreatingApplicationCachewithmanifesthttp://localhost/cache.manifestApplicationCacheCheckingeventApplicationCacheErrorevent:Manifestfetchfailed(-1)http://localhost/cache.manifest但是,如果我从list文件中删除除第一行(即“CACHEMANIFEST”)以外的所有行,Chr

javascript - 如何绑定(bind) CSS background-image 属性?

是否可以制作样式背景图像绑定(bind)?我试过这段代码:sometext我也试过backgroundImage,url没有引号,url后没有:,但还是不行在职的。所有其他绑定(bind),例如color或backgroundColor绑定(bind)都运行良好。 最佳答案 如documentation中所述,您需要使用您想要控制的样式的Javascript名称。这意味着您必须使用backgroundImage而不是background-image。像这样:sometext 关于java

html - 数据 :Application/octet-stream; 中下载文件的文件名

我正在尝试通过以下方式使用数据uri下载文件:问题是下载的文件总是命名为“Unknown”,无论我尝试使用什么文件名。这是给文件命名的正确方法吗?或者其他需要完成了吗? 最佳答案 这是解决方案,您只需将download属性添加到anchor标记a具有所需的名称Example另一种解决方案是使用JQuery/JavascriptAnchor'sDownloadProperty 关于html-数据:Application/octet-stream;中下载文件的文件名,我们在StackOver

html - background-clip 和 background-origin 之间有什么区别吗?

CSS3声明background-clip和background-origin似乎对背景有相同的效果。它们似乎都将背景限制在相对于HTML元素的某个区域,所以我想知道这两个声明在功能上是否真的存在差异。 最佳答案 根据MDN:Thebackground-clipCSSpropertyspecifieswhetheranelement'sbackground,eitherthecolororimage,extendsunderneathitsborder.同时Thebackground-originCSSpropertydetermi

javascript - HTML <select> 选中的选项 background-color CSS 样式

选择选项的“选定”颜色是否有样式?例如:Test1Test2Test3Test4Test5Test6Test7当我选择一个选项时它变成蓝色,我想覆盖它并且使它成为不同的颜色。在我期待的风格中“选择颜色”,但它不存在。 最佳答案 使用纯CSS可能无法做到这一点。但是,一点javascript就可以很好地完成它。一种粗略的方法-varsel=document.getElementById('select_id');sel.addEventListener('click',function(el){varoptions=this.chil