Tenho um elemento span estilizado em CSS com largura e altura, e uma imagem de fundo, que não aparece embora uma caixa do tamanho esperado esteja reservada na tela.
Se eu tentar um arquivo jpg diferente, a outra imagem aparece com sucesso. A imagem "ruim" está no mesmo diretório que o arquivo .css e no mesmo lugar que o .jpg bom. Eu tentei usar uma ferramenta de reparo jpg online para o caso de o arquivo estar corrompido de alguma forma, mas sem sucesso.
Também tentei converter o .jpg para um png, lembrando de mudar o nome do arquivo apropriadamente no CSS, felizmente. Novamente, sem ajuda. Como outras imagens são exibidas bem, estou supondo que tenha algo a ver com o arquivo em particular, mas o .png também não foi exibido.
Tentei renomear o arquivo, alterando o CSS de acordo, só para garantir, caso algum bug faça com que o navegador (Safari iPadOS) não goste do nome do arquivo. Desespero não recompensado. O CSS não é ruim porque as outras imagens são exibidas. O CSS é mais ou menos: background: url("buidheag-in-grass-small.jpg") no-repeat top center; - se não me engano. O arquivo de imagem é referenciado em um arquivo .css separado, não embutido no xhtml. Estou usando o Safari em um iPad com iPadOS 17.x. O mecanismo do servidor web é Apache/linux. O Apache é explicitamente configurado para servir o tipo mime correto para arquivos .jpg.
Estou completamente perplexo. Li vários outros posts, quase todos relacionados a problemas com caminhos de arquivo incorretos. Só tenho um diretório para todos os arquivos, então não há subdiretórios /img/ ou /css/.
Espero que alguém possa me ajudar.
Parece que a imagem pode ter alguns problemas, embora outras imagens funcionem bem. Aqui estão algumas coisas para verificar:
Sempre coloque algum link do Fiddle na sua pergunta para obter uma resposta melhor.
Eu encontrei. O arquivo não existe no servidor, daí o 403. Isso porque ele nunca foi carregado! Incrivelmente estúpido. Obrigado a Akshay Kumar.