Remplacer " background: transparent !important " dans Twitter Bootstrap CSS
Disposez d'une application qui attire div
s avec la couleur d'arrière-plan que ses graphismes.
Ces divs s'afficher correctement à l'écran, mais le div
s disparaissent lors de l'impression au format PDF.
Tracé le problème de Twitter Bootstrap CSS. Les divs amende d'impression lorsque Bootstrap CSS n'est pas présent. Mais n'ayez pas l'impression quand il est. Voir ce JSFiddle:
Je pense que le problème est cette section de Twitter CSS. Je pense j'ai besoin de remplacer la background: transparent !important
mais ne peux pas pour la vie de me comprendre comment.
C'est sans doute simple. Essayé background: opaque !important
mais cela ne fonctionne pas, et je n'arrive pas à trouver une liste de valeurs autorisées pour la background
propriété.
@media print {
* {
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
box-shadow: none !important;
}
Ce qui est à l'opposé de background: transparent !important;
en CSS?
OriginalL'auteur prototype | 2013-12-12
Vous devez vous connecter pour publier un commentaire.
À l'opposé de
background: transparent !important;
estbackground: color hex code !important;
"couleur hex code" peut être n'importe quel CSS acceptable code couleur type; comme rgb, rgba, hexadécimal, etc.
(Le -1 n'était pas de moi l'OP.) Merci, cela fonctionne! MAIS L'application a beaucoup de différents divs avec différentes couleurs qui disparaissent comme un résultat de Bootstrap de la directive sur la transparence. Ce que je peux faire avec effort, c'est d'ajouter de la couleur pour chacun. Alors que le Twitter CSS ajouté la transparence à l'échelle mondiale. Pourrait-il y avoir un moyen de les mettre opaque à l'échelle mondiale?
si vous ne voulez pas de Bootstrap de le faire, vous devriez vous contenter de les supprimer à partir du bootstrap.fichier css 🙂
D'accord! Ce cas est un OEM RIA que les clients d'inclure dans leur site, il faut donc bien jouer avec d'autres styles qui pourraient y être, et que le client a utilisé Bootstrap.
La question n'est pas vraiment spécifiquement sur bootstrap, mais sur la substitution css valeurs. En outre, la suppression de valeurs à partir du fichier de bootstrap en fait un processus plus compliqué pour la mise à niveau (vous essentiellement devenir un personnel fourche responsable), que vos modifications doivent être vérifiées par rapport à la nouvelle version et reportées.
OriginalL'auteur DrCord