Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]


Groups > comp.lang.javascript > #36931

Re: Edge and CSS vars

Path csiph.com!weretis.net!feeder6.news.weretis.net!feeder.usenetexpress.com!feeder-in1.iad1.usenetexpress.com!border1.nntp.dca1.giganews.com!nntp.giganews.com!buffer1.nntp.dca1.giganews.com!buffer2.nntp.dca1.giganews.com!nntp.westnet.com.au!news.westnet.com.au.POSTED!not-for-mail
NNTP-Posting-Date Mon, 17 Jun 2019 23:29:52 -0500
Subject Re: Edge and CSS vars
Newsgroups comp.lang.javascript
References <4fadndB_m-sm-5XAnZ2dnUU7-SnNnZ2d@westnet.com.au>
From Andrew Poulos <ap_prog@hotmail.com>
Date Tue, 18 Jun 2019 14:29:49 +1000
User-Agent Mozilla/5.0 (Windows NT 10.0; WOW64; rv:60.0) Gecko/20100101 Thunderbird/60.7.1
MIME-Version 1.0
In-Reply-To <4fadndB_m-sm-5XAnZ2dnUU7-SnNnZ2d@westnet.com.au>
Content-Type text/plain; charset=utf-8; format=flowed
Content-Language en-GB
Content-Transfer-Encoding 8bit
Message-ID <w9adnUd579Fd9ZXAnZ2dnUU7-ePNnZ2d@westnet.com.au> (permalink)
Lines 24
X-Usenet-Provider http://www.giganews.com
NNTP-Posting-Host 220.240.84.236
X-Trace sv3-ea1OuMkGU84SkVSj0VpdJtdGV6hDJAVMipaYpQDcGXyoxACnCk5TedYGHZHs80EWGgFL1t3JpO4jLRM!x60ynqi3OGRoaaH9E/T2hkB96oMPDagSReunp/865Sn98eohcbPjy9YLx8lX4Lfv/skxIX00Gn1J!iDqd/lCcetGvGoUB4glg/w==
X-Complaints-To abuse@westnet.com.au
X-Abuse-and-DMCA-Info Please be sure to forward a copy of ALL headers
X-Abuse-and-DMCA-Info Otherwise we will be unable to process your complaint properly
X-Postfilter 1.3.40
X-Original-Bytes 1868
Xref csiph.com comp.lang.javascript:36931

Show key headers only | View raw


On 18/06/2019 2:21 pm, Andrew Poulos wrote:
> In a stylesheet I have this
> 
> background: no-repeat left center var(--panebtn-img);
> 
> and in my code when I call this
> 
> document.documentElement.style.setProperty('--panebtn-img',
>    'url("../images/dark.png")');
> 
> Chrome and Firefox duly show the background image but not Edge.
> 
> For Edge the URL needs to be changed to
>    'url("images/dark.png")'

A minute after I posted I found a workaround.

I've set the value to
   'url("images/dark.png"),url("../images/dark.png")'
If a browser can show one of the images it can't show the other.

Andrew Poulos

Back to comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar | Unroll thread


Thread

Edge and CSS vars Andrew Poulos <ap_prog@hotmail.com> - 2019-06-18 14:21 +1000
  Re: Edge and CSS vars Andrew Poulos <ap_prog@hotmail.com> - 2019-06-18 14:29 +1000
    Re: Edge and CSS vars "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2019-06-18 10:12 +0200
  Re: Edge and CSS vars Martin Leese <please@see.Web.for.e-mail.INVALID> - 2019-06-18 13:10 -0600

csiph-web