userChrome.css・userContent.cssスレ Part10

●※前スレ
userChrome.css・userContent.cssスレ Part9
http://egg.5ch.net/test/read.cgi/software/1544138804/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
Stylus
https://addons.mozilla.org/ja/firefox/addon/styl-us/
User Style Manager
https://addons.mozilla.org/ja/firefox/addon/user-style-manager/

●スクリプト
userChromeJS/UserCSSLoader at master ・ Griever/userChromeJS
https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader
UserCSSManager
https://greasyfork.org/scripts/35880

●CSS（ユーザースタイルを記入するべきファイル）
userChrome.css（UI） / userContent.css（Web Site）

●関連サイト
userstyles.org
https://userstyles.org/

MDN - CSS
https://developer.mozilla.org/ja/docs/Web/CSS

とほほのスタイルシート入門
http://www.tohoho-web.com/css/

いちおつ

Stylishの「他のHTML 名前空間を基準とする」というのはどういう効果があるのでしょうか

モニターが小さいのでヘッダーを固定しているサイトは固定を解除しています。
しかし楽天市場商品ページのヘッダー固定をどうしても解除できません。
ヒントだけでもいいのでアドバイスをお願いします。

商品ページの参考URLです。
https://item.rakuten.co.jp/penshiru/4901480479262/?s-id=top_normal_browsehist&;xuseflg_ichiba01=10011029

起きて起動したら70にアプデされててまた死んでた…
対応頼む…

ご冥福

>>4
ユーザースタイルの !important 指定は最優先されると思ってたけど、
サイト側の要素属性内 !important 指定に負けてしまうんだね。属性指定強い・・・。
手元でいじってもjsで上書きを検知してさらに上書きしてくるから、つよい意思を感じる。

興味深い。なんかいいアイディアないかなぁ？

52esrでは普通に効いてるな
.riShopHdrWrap { position:absolute!important; }
あるいは
div#rakutenLimitedId_header .riShopHdrWrap { position:absolute!important; }

>>7-8
そうなんです。
何をしても固定解除ができません。
諦めようとしたんですが最後にここでアドバイスをしてもらおうかと。

>.riShopHdrWrap { position:absolute!important; }
>div#rakutenLimitedId_header .riShopHdrWrap { position:absolute!important; }
70.b9を使用しています。
旧バージョンでのcssの扱い方が違うからか無理でした。

検証ありがとうございます。

そこのclass名にFirefoxがあるってことはUAで判別しているわけで
about:configでgeneral.useragent.override.item.rakuten.co.jpって文字値の設定作って
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:52.0) Gecko/20100101 Firefox/52.0
って入れれば>>8が効くようになるよ