草庐IT

original_pixels

全部标签

html - pixel.gif,为什么人们使用它?

只是一个简单的问题,为什么pixel.gif有用?为什么要使用或不使用它? 最佳答案 像素gif(通常称为shim.gif)用于较旧的网页设计(即早于5年前),以在页面或表格布局中提供一个空间,其中缺乏对健壮CSS的更好理解,或者如果浏览器差异(通常在IE和Netscape之间)使生活变得过于复杂。它们应该被认为是过去的遗物,在当今的网页设计中不会出现在专业的CSS布局中。但是,多年来未维护的旧页面仍有可能采用基于表格的页面布局,并使用像素填充图像为列提供一些人为间距。简而言之,除非为您的网站收集非JavaScript统计信息需要图

html - 响应式图片 - srcset 和 sizes 属性 - 如何正确使用两者 : device-pixel-ratio-based and viewport-based selection together?

到目前为止,我经常读到这个问题,它也发生在我自己的元素中。这里介绍一下我到目前为止发现的关于srcset和sizes属性的信息。关于如何使用srcset属性有两种不同的可能性(来源w3c:http://w3c.github.io/html/semantics-embedded-content.html#device-pixel-ratio):基于设备像素比当图像渲染尺寸固定时的选择这是使用srcset的一种简单可靠的方法。您只需说:如果目标设备的设备像素比大于x,则以以下更高分辨率显示此图像。Thexdescriptorisnotappropriatewhentherenderedsi

html - CSS Transform origin 在 Firefox 中不起作用

我有一个CSS问题;transform-origin在Firefox中不起作用。该站点以chrome和safari为中心,但不以firefox为中心。html{transform:scale(0.9);transform-origin:centertop;}我的网站是http://test.lafsdesign.com/如果您能帮我解决这个问题,我将不胜感激。非常感谢您。完整的CSS@mediascreenand(max-width:1240px){html{zoom:0.9;-moz-transform:scale(0.9);-moz-transform-origin:centert

javascript - 将 transform-origin 移回 CSS 中元素的中心

当CSS元素从它们的原始位置变换时,transform-origin不会随之移动;使所有后续变换和旋转仍然源自其原始transform-origin(下面的示例)。我知道有一种方法可以解决这个问题……那就是不断将所有新的转换添加到之前转换的右侧。像这样:transform:transformY(-5rem)rotate(45deg)translateY(-10rem)rotate(15deg)...等等。这似乎总是从当前元素的中心开始新的变换随心所欲。问题当您使用此技术根据用户输入转换元素时,您将不断向DOM添加转换……无休止。占用大量内存并导致其他不需要的滑动效果(可能)。这是一个动

html - Angular 2 中的访问控制允许 Origin 问题

我在从node.js服务器获取数据时遇到问题。客户端是:publicgetTestLines():Observable{letheaders=newHeaders({'Access-Control-Allow-Origin':'*'});letoptions=newRequestOptions({headers:headers});returnthis.http.get('http://localhost:3003/get_testlines',options).map((res:Response)=>res.json()).catch((error:any)=>Observable.

html - 3D立方体中的css3 transform-origin问题

我已经创建了css-cube并在:hover上旋转。但是它的旋转是基于立方体的一侧!我想从它的中心旋转它,likeinthisexample.我正在尝试transform-origin属性,但没有得到预期的结果。我也试过在立方体中放置一个中间平面,但悬停在那种情况下不起作用!.contain{width:300px;height:300px;-webkit-perspective:500px;perspective:500px;position:absolute;}.main{position:relative;width:100px;height:100px;margin:100px

html - Paypal 自动生成的 HTML 代码 : why the 1 pixel image?

如果您使用PayPal销售工具创建一个按钮,您会在填写了您要销售的特定产品的详细信息后看到自动生成的HTML。在这段生成的代码的底部是一段奇怪的HTML:这是做什么用的?它似乎没有任何作用,事实上,如果我删除它,脚本似乎仍然运行良好。 最佳答案 我认为TomGullen是对的,单像素图像用于跟踪目的。在尝试回答同一个问题时,我发现以下文章可能值得一读:http://en.wikipedia.org/wiki/Web_bug.特别是这部分:“最初,网络错误是嵌入在HTML页面中的小(通常为1×1像素)透明GIF或PNG图像(或与背景颜

java - Access-Control-Allow-Origin 不允许来源 - 如何使用非常简单的 Web 堆栈和 guice 启用 CORS

我不确定问题是涉及的技术,还是我对这些技术的理解。我有一个用javascript和html编写的html5应用程序托管在apache2.2服务器上。我有一个使用jetty、guice、jackson、jersey用java编写的java应用程序,它托管一个简单的REST服务。两个应用程序运行在同一个盒子上,一个在端口80(纯html5应用程序托管在apache上),另一个在8080(纯java应用程序托管在jetty/guice上)我相信答案就在我发回的标题中。CORSheader告诉浏览器您允许外部应用程序访问您的api。我似乎无法弄清楚如何配置我的Jetty、Guice服务器以返回

javascript - 从沙盒 iFrame 到主窗口的 PostMessage,origin 始终为 null

关于javascriptpostMessage事件的事件起源,我有些不明白。这是我的主页:TestOutsidewindow.addEventListener('message',function(event){console.log(event);},false);还有我的iFrame内容Insidevarcounter=1,domain=window.location.protocol+'//'+window.location.host,send=function(){window.setTimeout(function(){console.log('iframesays:',do

html - 为什么 html title 属性和 twitter bootstrap data-original-title 互斥?

我有一个HTMLdiv元素,单击它会显示一个TwitterBootstrap弹出窗口。当前代码如下所示:$(document).on('ready',function(){App.Utils.Popover.enableAll();});App.Utils.Popover={enableAll:function(){$('.popover').popover({trigger:'click',html:true,container:'body',placement:'right'});};问题是twitterbootstrap采用title属性值并将其显示为弹出窗口的标题,而不是使用d