Web sitesi arka plan resimlerini varsayılan olarak nasıl gizleyebilirim?

Web sayfalarındaki arkaplan resimlerini evrensel olarak görsel karışıklık olarak görüyorum. Görüntüler, metin okunabilirliğini ve web sitesinin gezinmesini olumsuz etkileyebilir; Steam'in topluluk sayfaları ve Wikia ( Örnek Sayfa ). Firefox arka plan resimlerini algılayabildiğinden (sağ tıklama bağlam menüsü & gt; "arka plan resmini görüntüle"), tüm sayfalarda gizlemek (veya tercihen görüntülerin yüklenmesini engellemek) mümkün müdür?

Günümüzde, web sitelerinde çoğu arka plan resmi kural tarafından CSS stil sayfasında tanımlanır body {background:foo;}

Firefox'ta kullanıcılar, yüklenen web sayfalarına uygulanan özel CSS stil sayfalarını tanımlayabilir. Yüklediğiniz web sayfasında tanımlanan bir CSS seçicisi için bu özel stil sayfasında bir değer belirttiğinizde, bu iki değer eşit ağırlıklı olarak değerlendirilir ve bu durumda hangi değerin uygulanacağı sorusu, hangi değerin ayrıştırıldığına bağlıdır CSS’den en son. Özel değerimize değerin üzerinde daha fazla ağırlık vermek için body {background:foo;}, etiketi ekleriz !important bizim kurallarımıza göre. Bu şekilde, iki değerden hangisinin ilk önce veya son olarak ayrılacağına bakılmaksızın, tarayıcının yüklemesi tercih edilecektir.

Başlamak için özel CSS dosyamızı oluşturalım:

• Firefox’u açın ve üst menüyü göstermek için 'Alt' tuşuna basın,
  sonra 'Yardım'a tıklayın - & gt; 'Sorun giderme bilgisi'
• 'Profil Klasörü' girişinin yanındaki 'Klasörü Göster' düğmesini tıklayın
• Adlı klasörü aç chrome Windows Gezgini'nde açılan klasörde
• Klasör yoksa, adlı bir klasör oluşturun. chrome ve aç
• Adı ile CSS dosyası oluştur userContent.css . Oluşturmak için bir .txt dosya ve yeniden adlandırın.

• Aşağıdaki kodlardan birini userContent.css

• Ziyaret ettiğiniz her web sayfasının arka planını beyaz renkte boyamak için aşağıdaki kodu yapıştırın

  body {
  background:white !important;
  }
  

• Eğer sadece hedef callofduty.wikia.comBağladığınız, aşağıdaki kodu yapıştırın

  @-moz-document domain(callofduty.wikia.com) {
  body {
  background:white !important;
  }
  }
  

• Okunabilirliği biraz daha arttırmak için callofduty.wikia.com, bu kodu yapıştırabilirsin

  @-moz-document domain(callofduty.wikia.com) {
  body {
  background:white !important;
  color:black !important;
  }
  }
  

• Düzenlemeyi tamamladığınızda .css dosyayı kaydedin ve Firefox'u yeniden başlatın.

Bağladığınız diğer web sitesi için arka planın nasıl değiştirileceğini çözemedim. Gönderdiğim ilk kodu kullanırsanız, her web sitesinde çalışmadığı konusunda uyarılırsınız.

Yukarıda açıklanan tekniği kullanarak, beyaz rengi diğer herhangi bir renkle değiştirebilir ve özel CSS dosyamızda aklınıza gelebilecek herhangi bir CSS kuralını belirleyebilirsiniz. Daha sonra yaptığınız değişikliklerden kurtulursanız, silebilir veya yeniden adlandırabilirsiniz. .css Yeni oluşturduğumuz dosya. Birçok web sayfasında, aşağıdaki kod, arka plan rengini karıştırmadan bazı arka plan resimlerinden kurtulmak için de iyi çalışır:

body {
background:none !important;
}

Arkaplan görüntüsünün gizlenmiş veya yüklenmesi engellenmişse sorunuzla ilgili olarak, yukarıda açıklanan yöntemi kullanarak görüntülenmeden yüklenip yüklenmediğinden emin değilim.

Kaynaklar:
Rauf @ superuser.com: Firefox'ta bir sitenin CSS'sini userContent.css ile nasıl geçersiz kılınır?
Sarah Maddox: "Firefox’ta CSS stil sayfaları nasıl geçersiz kılınır"
BT Destek Kılavuzları: "Firefox ile özel bir stil sayfası (CSS) nasıl kullanılır"