Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Relative URL not handled properly in inlined css #368

GoogleCodeExporter opened this issue Apr 6, 2015 · 3 comments

Relative URL not handled properly in inlined css #368

GoogleCodeExporter opened this issue Apr 6, 2015 · 3 comments


Copy link

@GoogleCodeExporter GoogleCodeExporter commented Apr 6, 2015

The following page gets broken by mod_pagespeed:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
<html xmlns="">
type="text/javascript"></script><script type="text/javascript" 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<title>2012 Grant Forum</title>
<link rel="shortcut icon" href="templates/tpl_1326153135dept_of_ed/favicon.ico" 
<link href="templates/tpl_1326153135dept_of_ed/style.css" rel="stylesheet" 
<script type='text/javascript'>var 
);</script><script type='text/javascript'>var 
<body class="wowza">
<div class="top">
<img src="templates/tpl_1326153135dept_of_ed/top_banner.jpg" width="640" 
<div class="wrapper-wow">

<!--top end-->
<div class="video">
  <script type="text/javascript" src="flowplayer/flowplayer-3.2.6.min.js"></script>
        <!-- this A tag is where your Flowplayer will be placed. it can be anywhere -->
<a href="#" style="display:block;width:640px;height:360px" id="player">
        <!-- this will install flowplayer inside previous A- tag. -->

        <script type="text/javascript">flowplayer("player","flowplayer/flowplayer.commercial-3.2.7.swf",{key:"#$25b5ebdf316d8decbca",clip:{url:'teststream',live:true,provider:'rtmp'},plugins:{rtmp:{url:'flowplayer/flowplayer.rtmp-3.2.3.swf',netConnectionUrl:'rtmp://'}}});</script>
</div><!--video End-->

    <div class="clr"></div>
<div class="box-chat">
          <iframe src="" scrolling="no" height="385px" width="640px" frameBorder="0"><a href="" >2012 Grant Forum</a></iframe>
        <div class="clr"></div>
<div class="logo"></div>
</div><!--wrappper end-->


The problem is that we are inlining a css-link:  

Which has a relative URL background:#2a3e8d url(bg.jpg) no-repeat top center;

But in the inline style block the CSS is minified, but the link is not 

<style>body.wowza{background:#2a3e8d url(xbg.jpg.pagespeed.ic.piBJzwoEUQ.jpg) 
no ....

So the interaction between rewrite_css and inline_css is broken.


Current work-around: Try adding:
ModPagespeedDisableFilters inline_css

to the pagespeed.conf file.

Original issue reported on by on 10 Jan 2012 at 3:35

Copy link

@GoogleCodeExporter GoogleCodeExporter commented Apr 6, 2015

This actually looks fixed in trunk, but I can confirm broken in release.

Original comment by on 10 Jan 2012 at 4:09

Copy link

@GoogleCodeExporter GoogleCodeExporter commented Apr 6, 2015

Following up: Maksim indeed confirmed that it was broken in the release, and 
fixed on trunk. 

The problem can be resolved by building a release from trunk.  We will work on 
cutting a new release to fix this bug, but this typically takes us about a week.

Original comment by on 12 Jan 2012 at 12:46

Copy link

@GoogleCodeExporter GoogleCodeExporter commented Apr 6, 2015

Fixed in

Original comment by on 24 Jan 2012 at 7:25

  • Changed state: Fixed
  • Added labels: release-note
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
1 participant
You can’t perform that action at this time.