GVKun编程网logo

当通过外部CSS或内联样式扩展时,Firefox会模糊图像

12

对于想了解当通过外部CSS或内联样式扩展时,Firefox会模糊图像的读者,本文将提供新的信息,并且为您提供关于c–如何从Firefox外部访问Firefox的DOM(或HTML内容)、css–Fir

对于想了解当通过外部CSS或内联样式扩展时,Firefox会模糊图像的读者,本文将提供新的信息,并且为您提供关于c – 如何从Firefox外部访问Firefox的DOM(或HTML内容)、css – Firefox动画无法启动切换显示样式、css – Firefox或Safari不会重新加载样式表图像、css – float用作内联样式,但在将其移动到外部样式表时不起作用的有价值信息。

本文目录一览:

当通过外部CSS或内联样式扩展时,Firefox会模糊图像

当通过外部CSS或内联样式扩展时,Firefox会模糊图像

当我直观地缩放图像时,Firefox 3会使其模糊。 Firefox 2和其他浏览器不是,这是我期望的行为。这是使用png或gif精灵创建一个基于网络的游戏特别跛脚。

例如,当在Firefox 3中显示100×100图像时,如下所示:

<img src="sprite.gif" width="200" />

要么

<img src="sprite.gif"/>

它看起来模糊在FF3,而不是在IE。

关于如何防止这个的任何想法?

解决方法

我发现FireFox的这个新功能:

http://developer.mozilla.org/En/CSS/Image-rendering

所以把它放在你的CSS将修复它:

image-rendering: -moz-crisp-edges;

想到我会分享这个信息。对不起,回答我自己的问题;)

c – 如何从Firefox外部访问Firefox的DOM(或HTML内容)

c – 如何从Firefox外部访问Firefox的DOM(或HTML内容)

我有个问题:

我的程序将搜索用户打开的FireFox窗口.当用户打开Firefox并进入任何网站时,我想在该网页的HTML内容中搜索关键字.

如何使用我的C程序从外部Firefox访问Firefox的Active Tab的DOM(或HTML内容).

可能吗?如果是这样,你能给我一些想法或链接吗?

如果不可能,如何在不安装/设置任何内容的情况下将文本复制到Firefox中的剪贴板?

最好的祝福,
Nuri Akman

最佳答案
没有内置方法可以从外部程序访问Firefox内部网页的DOM.您可以编写一个扩展来实现某种IPC(使用套接字或其他)并与之通信,但不是内置于Firefox.

css – Firefox动画无法启动切换显示样式

css – Firefox动画无法启动切换显示样式

小提琴 http://jsfiddle.net/B9h8y/1/

在Chrome中,当我单击文档时动画运行.
在Firefox中它没有.

当chrome设置为阻塞时,为什么firefox不触发css动画?

<link rel="stylesheet" href="animate.min.css" />

<div>
  The div  
</div>

<script type="text/coffeescript">
  $('.el').css(display: 'none')
  $(document).on 'click',->
    $('.el').css(display: 'block')
<script>

解决方法

经过研究和测试,真正的问题实际上似乎是“为什么WebKit等待播放动画直到显示元素.” Firefox和Internet Explorer都继续播放动画,即使它是display:none;,但Chrome和Safari等WebKit浏览器也在等待.关于相关问题的 This Mozilla bug report comment表明Firefox是这样做的,以便遵循规范,声明匹配Chrome的行为需要更改规范.

因此,无论显示状态如何,Firefox和Internet Explorer似乎正确地运行动画,但WebKit选择通过不在display:none上运行动画来优化渲染.元素.请记住,由于未解决的差异,WebKit仍未取消动画属性的前缀.

我无法找到一组可以达到预期效果的CSS规则.我认为您最好的解决方法是在点击处理程序上添加动画类,或使用设置显示值并启用动画的类.

更新:

apaul34208提供了一个JSFiddle来演示此解决方法.

css – Firefox或Safari不会重新加载样式表图像

css – Firefox或Safari不会重新加载样式表图像

我们发现Firefox(至少v3)和Safari没有正确缓存从css文件引用的图像.图像被缓存,但即使您在服务器上更改它们,它们也永远不会刷新.一旦Firefox将图像放入缓存中,它将永远不会检查它是否已更改.

我们的css文件如下所示:

div#news {
  background: #FFFFFF url(images/newsitem_background.jpg) no-repeat;
  ...
}

问题是,如果我们现在更改newsitem_background.jpg图像,所有Firefox用户仍将获得旧图像,除非他们明确刷新页面.另一方面,IE检测到图像已更改并自动重新加载.

这是一个已知的问题吗?任何解决方法?谢谢!

编辑:解决方案不是按F5.我可以做这个.但我们的客户只会访问我们的网站,并获得旧的,过时的图形.他们怎么知道他们需要按F5?

我已经安装了Firebug并确认了我已经怀疑的内容:Firefox甚至没有尝试检索从css文件引用的图像,以确定它们是否已被更改.当您按F5时,它会检查所有图像,并且Web服务器会很好地响应304,除了已经更改的那些,它以200 OK响应.

那么,有没有办法敦促Firefox自动更新从css文件引用的图像?当然我不是唯一有这个问题的人吗?

EDIT2:我用localhost测试了这个,图像响应不包含任何缓存信息,它是:

Server  Microsoft-IIS/5.1
X-Powered-By    ASP.NET
Date    Tue,14 Oct 2008 11:01:27 GMT
Content-Type    image/jpeg
Accept-Ranges   bytes
Last-Modified   Tue,14 Oct 2008 11:00:43 GMT
Etag    "7ab3aa1aec2dc91:9f4"
Content-Length  61196

编辑3:我已经做了一些阅读,看起来它无法修复,因为Firefox或大多数浏览器只会假设图像不会经常更改(过期标题和所有).

最佳答案
我只想在图像网址中添加一个查询字符串值.我通常只创建一个“版本号”并在每次图像更改时递增它:

div#news {
  background: url(images/newsitem_background.jpg?v=00001) no-repeat;
  ...
}

css – float用作内联样式,但在将其移动到外部样式表时不起作用

css – float用作内联样式,但在将其移动到外部样式表时不起作用

所以我正在搞乱asp.net,我似乎陷入了CSS问题.当我在内联右浮动div时,它按预期工作.但是,当我将此样式移动到外部样式表时,它根本不起作用.
我意识到内联样式具有更高的优先级,并且某些东西可能会阻碍,但我似乎无法弄清楚是什么.

这是我的页面

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <asp:ContentPlaceHolder id="head" runat="server">
        </asp:ContentPlaceHolder>
        <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <form id="form1" runat="server">
        <div>

***********************the div below that has****************
            <div><div><asp:Label ID="lblMasterMessage" runat="server" /></div>Stephen Granets Site!</div>
********************************************************************************

            <div>
                //stuff
            </div>
                <div>
                    <asp:SiteMapPath ID="SiteMapPath1" runat="server">
                        <CurrentNodeStyle Font-Bold="True" />
                        <NodeStyle CssFont-Bold="True" />
                        <RootNodeStyle CssFont-Bold="True" />
                    </asp:SiteMapPath>
                </div>
            <div>
                <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

                </asp:ContentPlaceHolder>
            </div>
        </div>
        <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
        </form>
    </body>
    </html>

这是样式表

body {
    }
    .Header
    {
        background-color: #6699FF;
        font-family: Verdana;
        font-size: xx-large;
        font-weight: bold;
        color: #FFFFFF;
        padding: 40px 0px 0px 10px;
        width: 100%;
    }
    .ColumnLeft
    {
        padding: 7px;
        background-color: #6699FF;
        float: left;
    }

    a
    {
        color: #000000;
        text-decoration: none;
    }
    a:visited
    {
        color: #000000;
        text-decoration: none;
    }
    a:link
    {
        color: #000000;
        text-decoration: none;
    }
    a:hover
    {
        color: #FFFFFF;
        text-decoration: underline;
    }
    .underline
    {
        text-decoration: underline;
    }
    .ColumnCenter
    {
        margin: 7px 7px 7px 175px;
    }
    a:hover.ContentLink
    {
        color: #000000;
        text-decoration: underline;
    }
    .SiteMap
    {
        font-size: large;
        background-color: #DFEAFF;
    }

当我在外部样式表中使用它时,这是代码

<div>asp label</div>

我的css表已经添加了这个

.test
{
   float:right;
}

问题:为什么样式在我将其放入内联时似乎有效,但是当我将那段确切的代码移动到外部样式表时它不起作用?

解决方法

内联样式是最后应用的样式.使用 Firebug或开发人员工具查看当您将其设置为外部时,另一种“更接近”的样式是否会覆盖您的样式(您的样式将被划掉).

要取代内联样式,请使用!important override:

.test {
    float: right !important;
}

今天关于当通过外部CSS或内联样式扩展时,Firefox会模糊图像的介绍到此结束,谢谢您的阅读,有关c – 如何从Firefox外部访问Firefox的DOM(或HTML内容)、css – Firefox动画无法启动切换显示样式、css – Firefox或Safari不会重新加载样式表图像、css – float用作内联样式,但在将其移动到外部样式表时不起作用等更多相关知识的信息可以在本站进行查询。

本文标签: