Rumah > Artikel > hujung hadapan web > Beberapa kaedah dan idea untuk bertukar perkataan dengan gambar_Pertukaran pengalaman
Beberapa kaedah dan idea untuk bertukar perkataan dengan gambar_Pertukaran pengalaman
- WBOYasal
- 2016-05-16 12:10:221402semak imbas
Hari ini, seorang rakan menghadapi masalah semasa membuat halaman web: dia mahu mengekalkan latar belakang pautan, tetapi juga mahu teks dalam pautan hilang! Tetapi selepas bekerja untuk masa yang lama, saya masih tidak dapat menyingkirkan teks ini. Saya rasa ramai rakan yang belajar standard telah menghadapi masalah ini Di sini saya akan menulis beberapa kaedah yang biasa digunakan dan menerangkan idea-idea, dengan harapan dapat membantu rakan-rakan yang baru mula belajar.
"Ganti gambar dengan perkataan" bermaksud menggantikan ungkapan teks dengan gambar. Kita semua tahu bahawa perwakilan teks dalam penyemak imbas adalah sangat buruk. Ia bergerigi, tidak boleh dibulatkan dan tidak boleh mempunyai banyak kesan. Dalam keadaan biasa, bahagian kandungan halaman web tidak perlu dilaksanakan, tetapi dalam piawaian WEB, ini selalunya diperlukan untuk logo dan tajuk. Jika kita menggunakan jadual untuk melakukannya, kita hanya menyiarkan gambar di suatu tempat Kaedah ini agak mudah, tetapi ia tidak kondusif untuk mencari. Jadi kita perlu melakukannya dengan cara yang standard untuk memastikan halaman web berada dalam keadaan baik dan kondusif untuk carian. Biasanya dipaparkan seperti yang ditunjukkan dalam rajah
: (display:none;) Ini bukan sahaja membuatkan kandungan bekas hilang tetapi juga bekas itu sendiri. Oleh itu, kita mesti membuat bekas lain di dalam bekas untuk memastikan latar belakang dalam bekas boleh dipaparkan seperti biasa selepas bahagian dalam hilang. Contoh:
Jika ia ditulis seperti ini, anda tidak akan melihat apa-apa langsung. Jadi apakah cara yang betul untuk menulisnya? Lihat contoh:
Bolehkah anda meneka apa yang boleh dipaparkan oleh kod ini? Hakikatnya ialah latar belakang dipaparkan, tetapi pautannya hilang. Seperti yang kami katakan di atas: bekas itu sendiri yang diberikan atribut display:none juga akan hilang. Kemudian kita tahu dengan jelas bahawa kita mesti menambah bekas pada tag A ini. Mari kita lihat contoh sekali lagi:
Notez que l'attribut de la balise A ici doit être ajouté avec display:block; pour le forcer à être un élément de niveau bloc. De cette façon, la balise A devient une forme de lien d'une largeur de 300 et d'une hauteur de 100, avec un arrière-plan et aucun contenu textuel. Tout le monde a vu qu'une balise span a été ajoutée à la balise A ci-dessus, ce qui semble un peu redondant. L'effet peut-il être obtenu sans durée ? Oui, mais l'idée est différente, c'est la méthode de changement de position suivante.
Mouvement de position : c'est-à-dire que le contenu est déplacé hors de la zone d'affichage. Regardons le code pour comprendre cette méthode.
Les éléments ci-dessus ne sont que deux de mes plus couramment utilisés ; Il existe bien entendu d’autres méthodes, dont chacune présente ses propres inconvénients, mais les différentes méthodes sont également complémentaires les unes des autres. Vous pouvez choisir de l'utiliser en fonction de la situation lors de votre candidature.