How do I include a PHP url in a CSS file?

Question

I have link to an extended version of bootstrap within php (codeigniter):

<link href="<?= base_url() . RESOURCE_PATH . 'css/extended_bootstrap.' ?>" rel="stylesheet" />

In my CSS file I have:

input[type="file"]
{
behavior: url(PIE.htc);
}

But the url to PIE.htc hast to be relative to the root. How do I format the url so it is relative to root and not my extended version of bootstrap.css?

Start it with a leading slash `/` – that points to your domain root. — CBroe, Mar 18 '13 at 12:58
Its not possible to include a working PHP url in CSS file, is it? — egig, Mar 18 '13 at 13:02

score 0 · Answer 1 · answered Mar 18 '13 at 12:59

0

Use ../ to move "up" a level. You can tie these together to move multiple levels.

For example...

ROOT --> CSS --> style.css
ROOT --> pie.htc

To move back a level you would use ../pie.htc

answered Mar 18 '13 at 12:59

Michael

7,016
2
28
41

score 0 · Answer 2 · answered Mar 18 '13 at 13:06

if your folder structure is:

YourAppFolder/
    application/
           public/
               css/
               img/
         system/

Then use this in your views:

<link rel="stylesheet" type="text/css" href="<?=base_url()?>public/css/style.css"/>

and in css use this for image:

background:#356aa0 url(../img/background.png) repeat-x;

How do I include a PHP url in a CSS file?

2 Answers2