css - Alternate stylesheets not working in Chrome -


i need diagnosing css problem in chrome. i'm not sure how diagnose issue. i'm wondering next steps should be.

as far solutions go, have checked this question it's not clear. have tried this solution (disabling styles , enabling one) it's not working. don't think this question applies because we're not pulling external domains it's not cross-domain issue.

the problem:

it appears chrome ignoring our alternate stylesheet definitions. in our application use alternate stylesheets , javascript routine change background color. code was working, , still working in firefox , ie, @ point stopped working in chrome. stylesheets defined this:

    <link type="text/css" rel="stylesheet" title="white" property="stylesheet" href="/myapp/css/layer.css" />     <link type="text/css" rel="alternate stylesheet" title="silver" property="stylesheet" href="/myapp/css/medium.css" />     <link type="text/css" rel="alternate stylesheet" title="grey" property="stylesheet" href="/myapp/css/dark.css" />     <link type="text/css" rel="alternate stylesheet" title="beige" property="stylesheet" href="/myapp/css/beige.css" />     <link type="text/css" rel="alternate stylesheet" title="green" property="stylesheet" href="/myapp/css/green.css" />

the original body definition here:

body {     font-family: arial, helvetica, sans-serif;     font-size: 12px;     color: #282828;     height: 100%;     background: #fff url(../images/header-bg.jpg) center top no-repeat;     min-width: 1024px; }

is supposed overridden (for example) this, in 1 of alternate stylesheets:

body {     background: url("../images/header-bg-dark.jpg") no-repeat center top #919194; }

but not working in chrome. i've tried following:

1) traced through js code , verified css sheets getting enabled/disabled correctly:

        if (document.stylesheets.item(i).href.indexof("medium") > -1) {             document.stylesheets.item(i).disabled = false;         } else if (document.stylesheets.item(i).href.indexof("dark") > -1                 || document.stylesheets.item(i).href.indexof("beige") > -1                 || document.stylesheets.item(i).href.indexof("green") > -1) {             document.stylesheets.item(i).disabled = true;         }

2) looked @ computed styles, , base style showing - it's chrome ignoring other styles.

3) tried removing alternate rel="alternate stylesheet" part of definitions.

4) tried removing title base definition (layer.css).

anyone have other ideas? if find solution i'll post it.

the answer turned out removing "title" attribute , removing "alternate" part of stylesheet definition. stylesheets linked this:

<link type="text/css" rel="stylesheet" property="stylesheet" href="<c:url value="/css/medium.css"/>" /> <link type="text/css" rel="stylesheet" property="stylesheet" href="<c:url value="/css/dark.css"/>" /> <link type="text/css" rel="stylesheet" property="stylesheet" href="<c:url value="/css/beige.css"/>" /> <link type="text/css" rel="stylesheet" property="stylesheet" href="<c:url value="/css/green.css"/>" />

no idea why original definitions didn't work new ones work , can turned on , off js, needed.


Comments

Post a Comment

Popular posts from this blog

shopping cart - Page redirect not working PHP -

im trying redirect user when click "empty cart". redirect working "add cart" not "empty cart". ideas great. in main .php file set current url seen $current_url = base64_encode("http://$_server[http_host]$_server[request_uri]"); then below cartaction.php file handles actions such "add cart" , "empty cart" <?php session_start(); include_once 'config.php'; //add item in shopping cart if(isset($_post["add"])) { $product_id = $_post["product_id"]; //product id $return_url = base64_decode($_post["return_url"]); //return url $qty = $_post["qty"]; $product = $mysqli->query("select product_name, unit_price, unit_quantity products product_id = '$product_id'"); $obj = $product->fetch_object(); if(!isset($_session['products'])) { $_session['products'] = array(); } if(array_key_exists($product_id...
Read more

php - How to modify a menu to show sub-menus -

i have custom php menu made person, displays categories menu. however, need display subcategories well. tried adding hierarchical parameter didn't work. hoping assistance! here code: <ul> <?php /* categories wp e-commerce products */ $wpec_product_categories = get_terms( 'wpsc_product_category', 'hide_empty=0&parent=0&exclude=298'); $myarray = array(); foreach($wpec_product_categories $wpec_categories){ $myarray[$wpec_categories->term_id]['name'] = $wpec_categories->name; $myarray[$wpec_categories->term_id]['slug'] = $wpec_categories->slug; $myarray[$wpec_categories->term_id]['term_id'] = $wpec_categories->term_id; } foreach($myarray $wpec_categories1){ $wpec_term_name = $wpec_categories1['name']; $wpec_term_slug = $wpec_categories1['slug']; $wpec_term_id = $wpec_categories1['term_id']; echo '<li> <a href="'.get_page_link(19)....
Read more

python - Installing PyDev in eclipse is failed -

unable read repository @ http://pydev.sf.net/updates/content.xml. sun.security.validator.validatorexception: pkix path building failed: sun.security.provider.certpath.suncertpathbuilderexception: unable find valid certification path requested target i installing pydev in eclipse using python, doesn't install successfully. gives above error. happened? how solve error? i had error when trying install on laptop behind corporate firewall. couldn't tell setup of firewall, not sure of root cause. i got passed error installing pydev eclipse when out behind firewall. another way got around have eclipse on non-firewalled machine, install pydev eclipse, , copy whole eclipse directory non-firewalled machine firewalled machine. there better way, , way fix properly, didn't have time work out firewall doing. this on windows 7 machine (yeah know) not work *nix versions installed through package manager yum or apt.
Read more