-moz-image-region entfällt

  • Firefox-Version
    Firefox 112 Nightly
    Betriebssystem
    Windows 10

    Ich habe insgesamt 12 CSS-Codes, die o.a. Code-String enthalten. Gibt es eine Möglichkeit (Ersatz-String) um sie relativ einfach zu ändern.

    Beispiel:

    Endor : Einige deiner SubMenü Codes sind davon betroffen. Bastelst du da schon was?

    Beispielhaft: siehe weiter unten Editiert

  • Stimmt:

    Aber dieser

  • Du brauchst doch kein -moz-image-region mehr. Diese Eigenschaft galt nur in Verbindung mit list-style-image. Du hast schon auf background(-image) umgestellt und background-position dazu angegeben. Trotzdem hast du noch -moz-image-region im Code. Das kannst du entfernen.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

  • Sören Hentzschel 1. März 2023 um 16:58

    Hat den Titel des Themas von „Moz-Image-Region entfällt“ zu „-moz-image-region entfällt“ geändert.
  • Der Code funktioniert dann nicht mehr


  • Der Code funktioniert dann nicht mehr

    Teste bitte mal:

  • Danke :)

    Ergibt dann....

    Allerdings konnte ich wegen der Zeichen-Beschränkung nur einen Teil des Codes einfügen...

  • Hm, vielleicht zunächst zum eigentlichen "Problem"...

    Noch sind die obigen Codes ja noch mit moz-image-region bestückt...

    CSS
    #PanelUI-fxa-menu-sendtab-button{
        list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxlJREFUeNp0k11sFFUUx3935s52p+Cuq3ypyIegliJaK36kRkJUMAE1AXxpwgMJETAx0YhPJsZoxKjhQR9MGhNjGgQ1MeIDPGB4MxAkKWobTClS2yylbD+2u7O7s7szOzOe2S2ND3rm3nk4N+d3zv3fc9Rg37PnwobfE4UBsSnDRJl6SCnjYaWUOBTxF6/WLyKKWDAdBz9y8GtoeC2PAC59sXeTQCLDNNDaQlsJcZvN4zg2DKKTQRi+IqBQtzKb+NnjQlZYS7fRfai/CSKhyY+N8vnhg7RbFcq1iAYZXt66bFfm9kWbgyC8qJtleVNE3mycnsbUKakrhWEI1k7y4f6PeaI7RWZJB8USXLg4Tv93Q+zYubG+7u5FEhEDwiqG1YaybGGEqGAOFRblqEjZcQiVTWSkJPsdtNkZZmardK6yfycKf2wBqGEmkui2+Z20MdrayQ1co1r3eeCxZ1i98SG2736aV998kVq1zvp9/aKFv0vHKmN6jA2MMDN6fUFdZSge7Olk+fIMm5/bQuFGjny+IBWV6dhwDxRHKZT8X7WSy9YnR/HKDo+/9S0EwcJrcKOP9z7t5erAIMlkknLRYTJ7nY++epf85TNMzFa/1/LeOJPjpFZukJtME879QuyTJWJC1urkz6LPiulhJqSKYXcZ9xvrsUZO0PvJb/1GfIXSzQnS966F+oio70ojlShUPfaf3s034/tYvfI+osClWpohkUhxbLiH13JH8k8dzTpqsO/5KPA9ug68LhXMSae4TU2e/OwljuxZSzptseZOkyUJqLguYwUPX6dxyzUOH7/S0CE4hrZSf58+KaoG8q4Bi02XpN5DGDX4YbCOJXJ8sNUi8l1OXLbEX+KFNQq3UtG669DZLe/0dnR5fjaImzyS1iw6FTfX7fx0dSrN9LSLL7ruPTbf+6KNFuCIbVOpuOihL7f/senAz3/Nt/ktC9pXzHLhymKWZuzW8Nw6bc6X4vzwHNVKDSWAhShDhdymPVadep/kzTNvmHc9elS6Tf97+pqMFqShcgNvK/7f0rLXzc/wf1mMvfaPAAMA9wJJaYKaJgUAAAAASUVORK5CYII=") !important;
        -moz-image-region: rect(0px 16px 16px 0px) !important;
        padding-left:10px !important;}

    wäre das dann der "richtige" Code für die Zukunft?

    CSS
    #PanelUI-fxa-menu-sendtab-button{
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxlJREFUeNp0k11sFFUUx3935s52p+Cuq3ypyIegliJaK36kRkJUMAE1AXxpwgMJETAx0YhPJsZoxKjhQR9MGhNjGgQ1MeIDPGB4MxAkKWobTClS2yylbD+2u7O7s7szOzOe2S2ND3rm3nk4N+d3zv3fc9Rg37PnwobfE4UBsSnDRJl6SCnjYaWUOBTxF6/WLyKKWDAdBz9y8GtoeC2PAC59sXeTQCLDNNDaQlsJcZvN4zg2DKKTQRi+IqBQtzKb+NnjQlZYS7fRfai/CSKhyY+N8vnhg7RbFcq1iAYZXt66bFfm9kWbgyC8qJtleVNE3mycnsbUKakrhWEI1k7y4f6PeaI7RWZJB8USXLg4Tv93Q+zYubG+7u5FEhEDwiqG1YaybGGEqGAOFRblqEjZcQiVTWSkJPsdtNkZZmardK6yfycKf2wBqGEmkui2+Z20MdrayQ1co1r3eeCxZ1i98SG2736aV998kVq1zvp9/aKFv0vHKmN6jA2MMDN6fUFdZSge7Olk+fIMm5/bQuFGjny+IBWV6dhwDxRHKZT8X7WSy9YnR/HKDo+/9S0EwcJrcKOP9z7t5erAIMlkknLRYTJ7nY++epf85TNMzFa/1/LeOJPjpFZukJtME879QuyTJWJC1urkz6LPiulhJqSKYXcZ9xvrsUZO0PvJb/1GfIXSzQnS966F+oio70ojlShUPfaf3s034/tYvfI+osClWpohkUhxbLiH13JH8k8dzTpqsO/5KPA9ug68LhXMSae4TU2e/OwljuxZSzptseZOkyUJqLguYwUPX6dxyzUOH7/S0CE4hrZSf58+KaoG8q4Bi02XpN5DGDX4YbCOJXJ8sNUi8l1OXLbEX+KFNQq3UtG669DZLe/0dnR5fjaImzyS1iw6FTfX7fx0dSrN9LSLL7ruPTbf+6KNFuCIbVOpuOihL7f/senAz3/Nt/ktC9pXzHLhymKWZuzW8Nw6bc6X4vzwHNVKDSWAhShDhdymPVadep/kzTNvmHc9elS6Tf97+pqMFqShcgNvK/7f0rLXzc/wf1mMvfaPAAMA9wJJaYKaJgUAAAAASUVORK5CYII=") !important;
        padding-left:10px !important;}
  • wäre das dann der "richtige" Code für die Zukunft?

    background(-image) und background-position. Ich habe weiter oben schon geschrieben, dass -moz-image-region zu list-style-image gehört. Ersetze also wie bei bei deinen anderen Codes list-style-image durch background(-image) und -moz-image-region durch background-position.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

  • wäre das dann der "richtige" Code für die Zukunft?

    Ich habe das mal für einen anderen Button erstellt.

    Neuer Tab

    dann sieht das so aus:

    CSS
    #appMenu-new-tab-button2 {
      background-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxlJREFUeNp0k11sFFUUx3935s52p+Cuq3ypyIegliJaK36kRkJUMAE1AXxpwgMJETAx0YhPJsZoxKjhQR9MGhNjGgQ1MeIDPGB4MxAkKWobTClS2yylbD+2u7O7s7szOzOe2S2ND3rm3nk4N+d3zv3fc9Rg37PnwobfE4UBsSnDRJl6SCnjYaWUOBTxF6/WLyKKWDAdBz9y8GtoeC2PAC59sXeTQCLDNNDaQlsJcZvN4zg2DKKTQRi+IqBQtzKb+NnjQlZYS7fRfai/CSKhyY+N8vnhg7RbFcq1iAYZXt66bFfm9kWbgyC8qJtleVNE3mycnsbUKakrhWEI1k7y4f6PeaI7RWZJB8USXLg4Tv93Q+zYubG+7u5FEhEDwiqG1YaybGGEqGAOFRblqEjZcQiVTWSkJPsdtNkZZmardK6yfycKf2wBqGEmkui2+Z20MdrayQ1co1r3eeCxZ1i98SG2736aV998kVq1zvp9/aKFv0vHKmN6jA2MMDN6fUFdZSge7Olk+fIMm5/bQuFGjny+IBWV6dhwDxRHKZT8X7WSy9YnR/HKDo+/9S0EwcJrcKOP9z7t5erAIMlkknLRYTJ7nY++epf85TNMzFa/1/LeOJPjpFZukJtME879QuyTJWJC1urkz6LPiulhJqSKYXcZ9xvrsUZO0PvJb/1GfIXSzQnS966F+oio70ojlShUPfaf3s034/tYvfI+osClWpohkUhxbLiH13JH8k8dzTpqsO/5KPA9ug68LhXMSae4TU2e/OwljuxZSzptseZOkyUJqLguYwUPX6dxyzUOH7/S0CE4hrZSf58+KaoG8q4Bi02XpN5DGDX4YbCOJXJ8sNUi8l1OXLbEX+KFNQq3UtG669DZLe/0dnR5fjaImzyS1iw6FTfX7fx0dSrN9LSLL7ruPTbf+6KNFuCIbVOpuOihL7f/senAz3/Nt/ktC9pXzHLhymKWZuzW8Nw6bc6X4vzwHNVKDSWAhShDhdymPVadep/kzTNvmHc9elS6Tf97+pqMFqShcgNvK/7f0rLXzc/wf1mMvfaPAAMA9wJJaYKaJgUAAAAASUVORK5CYII=") !important;
      padding-left:25px !important;
      background-repeat: no-repeat !important;
      background-position: 0px 10px !important;
      background-size: 15px 15px !important;
    }
  • Ersetzte also wie bei bei deinen anderen Codes list-style-image durch background(-image) und -moz-image-region durch background-position.

    Nur damit das nicht falsch verstanedn wird: -moz-image-region kann nicht 1:1 durch background-position ersetzt werden. Die Zahlenwerte müssen auch entsprechend angepasst werden, da diese für beide Eigenschaften eine jeweils andere Bedeutung haben.